Skip to content

JulianLlanten8/RoadMapReact

Repository files navigation

React: De cero a experto (Hooks y MERN) Fernando Herrera

curso de fernando herrera

Algunos proyectos fueron:

Teslo Shop alt text Heroes-2025 heroes-2025
gif-app gif-app heroes-2022 heroes-2022
hooks hooks Redux Toolkit Redux Toolkit
React inicio React inicio

Introducción a React

  • ¿Qué es React?
  • Creación de un proyecto de React
  • Componentes y JSX

Fundamentos de React

  • State y Props
  • Ciclo de vida de los componentes
  • Eventos y manejo de eventos

React Hooks

  • Introducción a los Hooks
  • useState Hook
  • useEffect Hook
  • useContext Hook

React Router

  • Configuración de React Router
  • Navegación entre rutas
  • Parámetros y redirecciones

Tanstack Query

  • Instalación y configuration y devtools
  • Guardado de parámetros y obtención de parámetros

Zod

  • Instalación y configuration
  • Validación de datos y tipos

Redux - se esta remplazando por zustand

  • Introducción a Redux
  • Store, Reducers y Actions, State, Middlewares, Dispatch
  • Acciones asíncronas, RTK query, Redux Toolkit, Slices
  • Conexión de Redux con React

Zustand

  • Introducción a zustand
  • Store(State), Getters, Actions

Aplicaciones MERN

  • Introducción a MongoDB
  • Firebase, FireStore
  • Formularios, Google SingIn, Acciones Asíncronas
  • Mantener el estado de la autenticación
  • Backend con Node.js y Express
  • Integración de React con Express

Autenticación y autorización

  • Registro e inicio de sesión de usuarios
  • Protección de rutas con JWT

Proyectos y despliegue

  • Creación de proyectos completos con MERN
  • Despliegue en servidores
  • Introducción a React
  • React Hooks: useState y useEffect
  • Prueba técnica con lo aprendido
  • Fetching de datos y Custom Hooks
  • React Hooks: useRef, useMemo, useCallback
  • React Hooks: useContext, useReducer, useId
  • React Router + Lazy Loading
  • React + TypeScript (Día 01): props y state
  • React + TypeScript + ChatGPT
  • Clon de Google Translate
  • React Redux Toolkit + Rome Tools
  • Prueba técnica de React con TypeScript
  • React Query + Paginación + Infinite Scroll
  • JavaScript Quiz con Zustand + TypeScript desde cero
  • Hacker News con TypeScript + SWR
  • Prueba técnica de React con TypeScript
  • JavaScript Quiz con Zustand + TypeScript desde cero
  • Hacker News con TypeScript + SWR - Pendiente de subir

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •