Aprende React desde cero: Hooks y State hasta TypeScript, Zod, Zustand, React Query, Next.js, React Router, MERN y PERN
Aprende React con TypeScript paso a paso creando proyectos del mundo real.
El único curso en Udemy que enseña React con proyectos del mundo real; Incluso si tus bases de JavaScript no son muy fuertes el curso tiene una introducción con todo lo que debes saber.
¿Quisiste aprender React y solo te aprendiste los nombres de los Pokemon? entonces este curso es para ti.
En este curso aprenderemos a crear proyectos reales abarcando todo el ecosistema de React: State, Hooks, crear tus propios hooks, hooks avanzados, estado global, componentes y eventos, consultar API's externas y crear tus propias API's
Todos los Proyectos incluyen TypeScript desde el inicio.
Proyecto 01: Carrito de compras.- En este proyecto estaremos aprendiendo los fundamentos de React: Componentes, Eventos y State, mientras creas un carrito de compras real con cantidades, precios, y más, tomaremos este mismo carrito para mostrarte como crear tus propios Hooks y como transformarlo a código de TypeScript y cuales son sus beneficios.
Proyecto 02: Calculadora de Propinas y Consumos: Un proyecto ideal para restaurantes donde se podrá generar una orden con consumos y la persona podrá elegir la propina que desea dejar.
Proyecto 03: Contador de Calorias y Ejercicios: Una de las tareas que más vas a realizar en tu vida como Developer es procesar formularios; en este proyecto tendremos un formulario, leeremos sus datos, lo vamos a procesar y realizar algunas operaciones como validación y mucho más, además aprenderás que es useReducer para manejar estados complejos en tus apps.
Proyecto 04: Migrar Carrito de Compras a useReducer: En este capítulo estaremos viendo como tomar el proyecto de carrito de compras y convertirlo hacia useReducer; cuando tomas un proyecto que conoces en una tecnología nueva es garantía que podrás entender mejor los conceptos.
Proyecto 05: Migrar Calculadora de Propinas hacia useReducer: Veamos como migrar nuestro otro proyecto hacia useReducer.
Proyecto 06: Control de Gastos y Presupuestos: En este proyecto estaremos viendo que es Context API para tener un estado global sin dependencias; Context API va a ayudarte a no pasar props por cada componente, completamos el curso con filtrar gastos por categoría, calendario de fechas de gastos, gráficas y mucho más!
Proyecto 07: Administrador de Pacientes: Este proyecto añade 2 herramientas nuevas: Zustand para manejar un estado global de forma muy simple y React Hook Form, una librería para tener validación y procesamiento en formularios de forma bastante sencilla.
Proyecto 08: Aplicación de Clima: Esta será nuestra primera aplicación que obtiene datos de una API, como React Developer vas a trabajar en muchos proyectos que incluyen API's; estaremos viendo como validar y enviar peticiones hacia API, como leer las respuestas y como mostrar esa información.
Proyecto 09: Cotizador de Criptomonedas: Este proyecto al igual que el anterior se conecta a una API para obtener el precio de una Criptomoneda en dolares, pesos mexicanos y otras monedas; Este proyecto incluye Zustand y Zod para validar las respuestas que obtenemos de nuestra API.
Proyecto 10: Buscador de Recetas: Este es nuestro primer proyecto que incluye múltiples páginas; lo estaremos realizando con React Router DOM la librería más popular para crear aplicaciones en React de múltiples página, este curso utiliza el Slice Pattern para tener múltiples Stores de Zustand!
Proyecto 11: Administrador de Productos: Este es nuestro primer proyecto Full Stack donde estaremos creando tanto frontend como backend utilizando el PERN (PostgreSQL, Node.js, Express y React) este proyecto utiliza una REST API que conectaremos con React, añadiremos temas más avanzados como Testing y Documentación de API's.
Proyecto 12: Administrador de Tareas y Proyectos: Este es el Proyecto más avanzado del curso, utiliza el MERN stack que es uno de los más populares hoy en día, este proyecto incluye un sistema robusto de autenticación y registro de usuarios con confirmación de cuentas y resetear el password en caso de olvidarlo; además incluye roles y los usuarios solo pueden realizar ciertas acciones. El curso incluye además una REST API bastante compleja y avanzada, El curso utiliza también React Query, Tailwindcss, React Router, Mongoose, Express, TypeScript y mucho más.
Proyecto 13: Quiosco de Comida: Finalizaremos este curso con una introducción a Next.js, utilizaremos la versión 14 con App Router, Server Actions, Prisma, Zod, Zustand, Tailwind, y mucho más, el proyecto incluye subida de archivos, CRUD Completo, paginador, buscador y más.
En pocas palabras: Desde useState hasta Nextjs 14 con Server Actions
Aprenderás a crear y manejar proyectos con React
Aprenderás los hooks más utilizados useEffect, useState, useMemo, useCallback, useReducer y más
6 Lectures
39 Lectures
2 Lectures
2 Lectures
33 Lectures
6 Lectures
13 Lectures
26 Lectures
37 Lectures
15 Lectures
6 Lectures
41 Lectures
6 Lectures
23 Lectures
23 Lectures
22 Lectures
43 Lectures
29 Lectures
15 Lectures
10 Lectures
33 Lectures
5 Lectures
5 Lectures
9 Lectures
19 Lectures
5 Lectures
12 Lectures
3 Lectures
9 Lectures
2 Lectures
9 Lectures
7 Lectures
4 Lectures
2 Lectures
4 Lectures
4 Lectures
6 Lectures
3 Lectures
10 Lectures
8 Lectures
7 Lectures
5 Lectures
3 Lectures
2 Lectures
2 Lectures
5 Lectures
9 Lectures
6 Lectures
6 Lectures
12 Lectures
7 Lectures
4 Lectures
9 Lectures
5 Lectures
6 Lectures
4 Lectures
4 Lectures
4 Lectures
10 Lectures
10 Lectures
9 Lectures
11 Lectures
10 Lectures
4 Lectures
2 Lectures
1 Lectures
Soy diseñador y programador web desde hace más de 15 años.No te aburriré ni te contaré la típica historia de que soy programador desde los 6 años porque eso sería mentir.Empecé a los 18 años y la programación cambió mi vida.Aprendí con tutoriales en video, por eso creo en este formato de enseñanza; el problema es que muchos cursos hablaban...
Todo bien, es un curso muy largo y explica en base a proyectos
Gracias a este curso he logrado implementar una migracion del tech stack del front end en mi trabajo, el conocimiento que imparte el profe es excelente y muy detallado. 100% recomendado.
Excelente curso!
Bastante satisfecho en como te enseña a manejar las herramientas, enseñándote las buenas practicas con ellas, lo que si estuviera bueno que se hubiera pasado un link con las diapositivas de las explicaciones y conceptos del tema correspondiente del video, eso ayudaría mucho a las personas que intente hacer una entrevista porque en comparación de cuando uno busca en internet no lo tiene bien explicado.
Excelente docente, se nota que prepara y planifica bien los distintos proyectos y cursos , además de que explica prácticamente todo lo necesario.
es el segundo curso que tomo con el y la verdad me encanta que sea proyectos,
Buen curso.
Me encantó el que se implementaran muchas más herramientas de las que inicialmente esperas del curso, todas las secciones muy bien explicadas y la estructura y repetición de ciertos temas te ayuda a aprenderlos mucho mejor
Material para aprender muy bien explicado con buenas prácticas.
Your email address will not be published. Required fields are marked *
Mariano K.
Me parece que va demasiado rápido en general. En algunas partes cuando se detiene un segundo a explicar bien, y el por qué de las cosas, se entiende mucho más. Quizás estaría bueno no hacer tantos proyectos simples y no mostrar tantas maneras de hacer lo mismo, y centrarse más en los proyectos más complejos pero extendiéndose en las explicaciones.