Nextjs Redux Toolkit y Typescript - Ejemplo Practico desde cero

Aprende a integrar Redux Toolkit en Nextjs (usando la carpeta app o app directory) además de usar Typescript, este es un ejemplo desde cero pero aun así se necesita que el desarrollador ya sepa conceptos como React, API Context, y bases de Nextjs, ya que el video se enfoca mas en como configurarlo y usarlo en aplicaciones, además también usaremos sus métodos para pedir datos usando fetch por debajo, y estableciéndolo en su estado, aunque esto lo hace por defecto Redux Toolkit.

Codigo del Ejemplo:

⭐ Cursos Recomendados

🗣 Redes Sociales

🎒 Servicios Recomendados

🌎 Sitio Web

#reduxtoolkit #reduxjs #nextjs #reactjs

[TheMentor]

Excelente! Cuando hablas sobre un tema, lo cubres desde 0 hasta lo más detallado de forma precisa. ♣

[Biocrista]

diosmio me encanta como cuando necesito ver como combinar algo especifico, tu te adelantaste y ya lo subiste. Siempre me sacas las patas de el barro xD

[solanaromero]

Gracias Fazt!!!! hace semanas que vengo teniendo problemas para incluir el provider dentro del layout porque me tiraba el error del use client y gracias a este tutorial me anda. Me ahorraste días de debuggeo. GRACIAS GRACIAS

[Khris]

que bueno que sos fatz, te dedico mi codigo todas las noches

[Mitdevcat]

definitivamentye el mejor ejemplo para aprenderlo y aplicarlo, casi como un boilerplate, al principio no le encontraba la gracia a complicar tanto el estado pudiendo usar otros metodos mas simples como local state, pero ahora quiero usar redux en todo no ironicamente

[Deus-lo-Vuilt]

Gracias por el video fazt, súper interesante 🙌🙌, se agradece el material de Next

[miguelviloria]

Gran explicación, muchas gracias, que bueno ver estos tutoriales con typescrit

[ZBROOS]

definitivamente increible!!
muchas gracias fazt!! :))

[hernanarroyo]

Gracias por el video Fazt querido.
Mientras más Redux veo, más amo Zustand + React-Query 👀

[SonGoku-pcjl]

Muchas gracias Fazt, redux aunque sea con toolkit siempre me cuesta un poco y hoy más en las dos linias de typeof que se han necesitado por estar con typescript. Pero la clase ha sido genial igualmente :) muchisimas gracias! :D Aunque zustand me enamora más jeje :)

[leoodriozola]

Al final salió el proyecto más completo que dijo al final? este man es muy teso, me quede con ganas de aprendar más

[tanometro]

Muchas gracias viejo, zarpados tutoriales

[Artison]

Gracias por el tutorial hermano, sigue así!!

[andres-mora-vanegas]

Hola Fazt, felicidades por el video muy claro, si necesitará por ejemplo desde el api guardar la información en el estado como de debería hacer, crear una función que guarde los datos una vez consultados?

[favenegas]

Manifestando un curso de java con spring 😅

Gracias por tu videos

[richardramirez]

Hola Fazt. Muchas gracias por tus tutoriales. Quisiera preguntarte una cosa: estas usando Providers con 'use client' para que esto 'corra en el client' como dice NextJS. Pero veo que lo estas utilizando para proveer el estado de Redux a toda la aplicacion, es decir, a todas las paginas que pudieran crearse. La gente de NextJS dice que usando la directiva cliente en un componente como Providers hace que todos los hijos de este asuman esa directiva (que en tu ejemplo serian todas las paginas, minuto 22), pero ellos ademas recomiendan enviar el menor Javascript posible al cliente. Como lo haces en el tutorial, no estarias haciendo que todas las paginas se envien como JS al cliente? No habia visto como usar Redux con NextJS, pero habia pensado en que de pronto el Providers se usara donde se necesitara, siguiendo la linea de poner 'use cliente' lo mas bajo posible en el arbol de componentes. Que me podrias decir?

[geolvz]

Si no estas familiarizado con Redux Toolkit, en este video manejan Redux Toolkit Query RTQ. Abstracciones más avanzadas para manejo de API.
Solo como advertencia. Especialmente usando TS puede ser algo confuso para los que van iniciando o apenas conocen Redux.

[JhoEspana]

esta es la forma correcta para consumir Apis con Redux toolkit o también se puede usar createAsyncThunk??

[fesmpydev]

Hola Fazt, la unica pregunta que tengo es, El Providers al poseer 'use client' y como este esta envolviendo todos los componentes hijos, todo nuestra app se renderizara del lado del cliente ?

[AlejandroRL]

Bro, unos de protección de rutas (middleware) con roles y permisos, un saludo desde cuba