React y Redux Toolkit CRUD (con TailwindCSS)

Aprende las bases de Redux de forma práctica usando Redux Toolkit y React. En este ejemplo práctico aprenderemos como crear una aplicacion web CRUD (Create, Read, Update, Delete) desde cero, usando create-react-app, react-redux y redux-toolkit. Para finalmente añadir TailwindCSS a nuestro proyecto como framework de CSS.

Código del Ejemplo práctico:

Estos videos pueden darte una mejor base para entender este proyecto:

🎥 Videos Recomendados:

👨‍💻 ¿Qué servicios y productos utilizo?

Este tutorial es una actualización de un ejemplo antiguo:

#react #redux #javascript

[phreakphreak]

para quienes se pregunten porque ocurre el render dos veces cuando se usa el useState es debido a que se esta usando el Restrict Mode al momento de cargar la aplicacion, y esto no es un bug, esta hecho asi por react para controlar algunos sides effects en modo desarrollo.

[seanmeissimilly]

He visto varios videos de React Toolkit, pero este es el mejor, entendí todo, feliciataciones. Me gustaría otra video de un CRUD de Redux Toolkit pero con un backend para enviar los datos. Saludos desde Cuba.

[elautitu]

Hola buenas, tengo una consulta, en el minuto 1:06:38 si uso '===' me parece en el state 'undefined', pero en cambio si utilizo '==' me parecen los datos de la tarea, pero me tira un warning en la consola, como podria solucionar eso? Saludos.

[rogerj]

Por fin mi cerebro empieza a tener nociones de como carajos usar redux de tantos cursos andaba confundido ahora ya contigo Fazt una joya este video lo veré todas las veces que sea necesaria para que me quede en el órgano grisaseo

[carlosx]

Muchas gracias fazt eres el mejor. Fuera ideal que nos enserañaras a utilizar esta herramienta con un backend y si eres tam amable decirnos donde podemos encontrar documentación para utilizar esto con un backend

Gracias

[AngelGonzalez-yogy]

Excelente video Fazt Code, Mas videos de Redux.

[MiguelGomez-lktn]

Bro eres increible de verdad que deberias abrir una escuela con ese modo de enseñar tan bueno todo el mundo te ama

[panaderiabakedlove]

Amo tu canal eres el amo de todos <3

[superJerrySong]

Muchas gracias Fazt, he aprendido sobre Redux toolkit, es muy interesante

[RGalex]

Por fin entendí Redux, gracias por la paciencia que te tomas en explicar tus videos, ojala hagas un proyecto completo MERN aplicado redux

[luisdavid]

Despues de muchas horas aprendiendo de tus videos me di cuenta de algo: nunca habia comentado. Simplemente gracias, tus clases son de la mas alta calidad.

[RaizinGameplays]

se pueden usar varios slice en un mismo proyecto?

[erwinbrowp]

Ese push está mutando el estado?
addTask: (state, action) => { state.push(action.payload); },
Mi jefe me dijo que nunca usará el push y cualquier método que mute el estado.

[all-eter-]

lo que buscaba para aprender de Redux gracias!!!me encanto siempre explicas muy bien XD

[jorgesanchez-kocy]

guaooo amigo exelente explicacion llevo 3 dias tratando de encontrar un video que explique bien redux. muchas gracias lo felicito

[felixamarreropenton]

Me hubiera gustado ver la validación con react-router-dom de cuando pones en la URL un id que no existe muestre 404 not found. Muy bueno el viedo, thanks...

[meekv]

Alguien me podría indicar qué extensión usa para poder ver los iconos del vs code así? 👀

[luisfernandoballesteros]

No sabes el apuro del que me acabas de sacar, justo hace estaba empezando a crear una app con redux y cuando estaba usando el createStore me salió la sugerencia de usar redux toolkit. Explicas muy bien. Te tengo dos pregunticas: qué tipo de fuente usas en visual? y cómo haces para que te autocomplete tanta cosas? por ejemplo, cuando estabas haciendo el slice te salió el autocompleto de ponerle un nombre. De lo demás, un excelente trabajo.

[joecode_]

Santo Diooos Fazt, has dado un palo con las bases llenas. Que grande eres tío. Yo por fin he comenzado a trabajar con ReactJS y utilizamos Redux.

[federicoaguilera]

Excelente Fazt!!!. Recomendas comenzar a utilizar Redux toolkit antes que Redux solo. El boilerplate de Redux es es muy tedioso. Me anoto para algo de Redux con typescript y nexts. Abrazo