Zustand: Gestor de estado para React

TypeScript, Middlewares, Firebase, Immer, Persistencia, Slices Pattern, JWTs, Autenticación, Interceptores y más

Ratings 4.83 / 5.00
Zustand: Gestor de estado para React

What You Will Learn!

  • Gestionar el estado de tu aplicación de React
  • Zustand con TypeScript
  • Gestionar múltiples stores
  • Slices Pattern
  • Middlewares y Custom Middlewares

Description

Bienvenidos a nuestro curso de Zustand


Este gestor de estado a punta a ser un reemplazo directo a Redux, Redux Toolkit y el mismo Context API de React, ofreciendo funcionalidades similares a Redux sin tener que construir tanto código base para hacerlo funcionar.


Este curso te ayudará a empezar rápidamente con este Zustand pasando por usos comunes y no tan comunes, middlewares, personalización, persistencia local y remota, autenticación, slices y todo con TypeScript y tipado estricto.


Para lograr el aprendizaje, usaremos un dashboard administrativo que les facilitaremos para poder enfocarnos de lleno en el gestor de estado sin perder tiempo construyendo HTML y estilos, el dashboard es totalmente open source y si lo desean usar en otros proyectos adelante, no necesitan permiso alguno para personalizarlo.


Esta es una serie de puntos que tocaremos en el curso:


  1. Zustand como alternativa a Redux, Redux Toolkit o Context API

  2. Uso de Zustand fuera del contexto de React

  3. TypeScript y tipado estricto

  4. Middlewares

    1. Persist

      1. LocalStorage

      2. Custom SessionStorage

      3. Custom FirebaseStorage

    2. Immer

    3. DevTools

    4. Custom Middlewares

    5. Loggers

  5. Produce states

  6. Eventos Drag & Drop

  7. Suscripciones de Stores

  8. Slices Pattern

  9. Custom Hooks

  10. Autenticación

  11. Axios interceptors

  12. Protección de rutas

  13. Dashboard administrativo

  14. Y más


Importante

Este curso enseñará Zustand, pero no se enfoca en los fundamentos de React, el cual es un requisito para tomar el curso, es necesario que sepas qué son los Hooks de React y cómo se usan antes de entrar al curso.


Who Should Attend!

  • Personas que quieran aprender una alternativa a Redux, Redux Toolkit o ContextAPI
  • Crear Zustand Stores con TypeScript
  • Crear un dashboard administrativo con múltiples stores
  • Reforzar el manejo de autenticación en el frontend
  • Uso de interceptores de axios

TAKE THIS COURSE

Tags

Subscribers

508

Lectures

76

TAKE THIS COURSE