¡Bienvenida! Este es un curso especial de React Hooks

1

¿Qué aprenderás en el Curso Profesional de React Hooks?

2

¿Qué son los React Hooks y cómo cambian el desarrollo con React?

Introducción a React Hooks

3

useState: estado en componentes creados como funciones

4

useEffect: olvida el ciclo de vida, ahora piensa en efectos

5

useContext: la fusión de React Hooks y React Context

6

useReducer: como useState, pero más escalable

7

¿Qué es memoization? Programación funcional en JavaScript

8

useMemo: evita cálculos innecesarios en componentes

9

useRef: manejo profesional de inputs y formularios

10

useCallback: evita cálculos innecesarios en funciones

11

Optimización de componentes en React con React.memo

12

Custom hooks: abstracción en la lógica de tus componentes

13

Third Party Custom Hooks de Redux y React Router

Configura un entorno de desarrollo profesional

14

Proyecto: análisis y retos de Platzi Conf Store

15

Git Hooks con Husky

16

Instalación de Webpack y Babel: presets, plugins y loaders

17

Configuración de Webpack 5 y webpack-dev-server

18

Configuración de Webpack 5 con loaders y estilos

19

Loaders de Webpack para Preprocesadores CSS

20

Flujo de desarrollo seguro y consistente con ESLint y Prettier

Estructura y creación de componentes para Platzi Conf Store

21

Arquitectura de vistas y componentes con React Router DOM

22

Maquetación y estilos del home

23

Maquetación y estilos de la lista de productos

24

Maquetación y estilos del formulario de checkout

25

Maquetación y estilos de la información del usuario

26

Maquetación y estilos del flujo de pago

27

Integración de íconos y conexión con React Router

Integración de React Hooks en Platzi Conf Merch

28

Creando nuestro primer custom hook

29

Implementando useContext en Platzi Conf Merch

30

useContext en la página de checkout

31

useRef en la página de checkout

32

Integrando third party custom hooks en Platzi Conf Merch

Configura mapas y pagos con PayPal y Google Maps

33

Paso a paso para conectar tu aplicación con la API de PayPal

34

Integración de pagos con la API de PayPal

35

Completando la integración de pagos con la API de PayPal

36

Paso a paso para conectar tu aplicación con la API de Google Maps

37

Integración de Google Maps en el mapa de checkout

38

Creando un Custom Hook para Google Maps

Estrategias de deployment profesional

39

Continuous integration y continuous delivery con GitHub Actions

40

Compra del dominio y despliega con Cloudflare

Optimización de aplicaciones web con React

41

Integración de React Helmet para mejorar el SEO con meta etiquetas

42

Análisis de performance con Google Lighthouse

43

Convierte tu aplicación de React en PWA

Bonus: trabaja con Strapi CMS para crear tu propia API

44

Crea una API con Strapi CMS y consúmela con React.js

¿Qué sigue en tu carrera profesional?

45

Próximos pasos para especializarte en frontend

¿Qué aprenderás en el Curso Profesional de React Hooks?

1/45
Recursos

Aportes 65

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Esperé muchísimo este curso, vamos con toda! 😄

Hey chicos, un amigo y yo hemos creado un grupo de Telegram para poder compartir Hacks de programación, ayudarnos con cualquier pregunta sobre Dev y además crear proyectos de código juntos. Te estamos esperando!

https://t.me/HackTzi

También tenemos una organización de GitHub donde pondremos nuestros proyectos, únete por aquí:

https://github.com/HackTzi

Bueno, si estas en 2023, vas a encontrarte con un curso donde no se explican a fondo los hooks. Pero eventualmente si seguis avanzando los vas a entender porque se usan, de todas formas para entender teoricamente como funciona vas a necesitar buscar en otras fuentes. Muchas de las cosas que haga oscar ya no van a funcionar, react-router cambió, strapi cambió, paypal cambió, todo lo vas a tener que hacer actualizado a las nuevas versiones o buscar la manera de usar las viejas. La verdad en mi opinion debería ser actualizado el curso y enfocarse realmente en lo que dice el titulo, los hooks. El resto esta muy bueno porque aprendes a integrar todo y subirlo, pero deberia ser actualizado porque se vuelve muy engorroso sino.

Empecemos, tengo muchas expectativas con este curso 😄

Aprenderemos

  • Que son los react hooks
  • Como implementarlos en nuestros proyectos
  • useState
  • useEffect
  • useCall,
  • useRef
  • useContext

.
Proyecto: platzi cof store
Mostraremos productos para vender utilizando react hooks, Google maps, API paypal, backend con strapi, crear un PWA, ponerlo el SEO, comprando un dominio y desplegar en producción

Tengo este fin de semana resrvado para este curso. (Real que no hice planes por eso) 🤓

Ufff este curso se escucha super cool 🔥 vamo a darle, gracias a todo el team y al pro @gndx lo estaba esperando.

Nunca pares de aprender!

Estaba esperando este curso desde hace tiempo!
Vamos con todo! 😃

venga, directo a la vena!

🎉🎉Este curso me sirvió para terminar el frontend de mi primer app (ya tenía un backend).
👀Si miran bien pueden ver claramente la misma estructura que la que realizamos en este curso (en el proceso de compra).
Les dejo la url por si quieren ver y registrarse (pueden hacerlo con datos no reales ).
https://almacendeproductos.herokuapp.com/#/

Este curso este curso, el curso de los cursos hahahah
Le aniado el reto de hacerlo en Typescript heeh

Espere tanto este curso!! Siento que tiene mejor calidad de audio o ando viendo cursos muy viejos 🤣

Empecemos 🤩👍

Iniciando🦾

Lets go

Vamoooooooooos!

Lo estaba esperando, vamos con todo.

Vamos!!!

Me hacia falta!

Vengo del curso de React de richard(genial), luego el curso practico de Oscar (muy bueno por cierto) y ahora cerramos ciclo con este curso. Altas expectativas!

¿Qué aprenderás en el Curso Profesional de React Hooks?

Profesor: Oscar Barajas 👓

Aprenderás las particulares de implementar React Hooks en tus proyectos, partiendo desde qué son y cómo implementarlos

Entraremos en detalle con: UseEffect. UseState, UseMemo, UseRef y UseContext. Todo a nuestro proyecto Platzi Conf 🚀

Por fin terminé con los que tenia pendientes, ahora sí a darle a los hooks !!

Con Oscar de profesor este curso es un éxito asegurado!

Bueno hace poco deje de usar clases y empecé a usar useState y useEffect, pero sé que hay más y estoy super interesado en aprender a usar otros Hooks.
Vamos con toda a aprender!!!😀

Con muchas expectativas de los React Hooks

Se buena burda e calida el curso jajaja ❤️

A arrancar con este nuevo curso !!!

Estaba esperando este curso 😄

Genial este curso, espero aprender mucho

vamos por los Hooks!!

Ufff tremendo temario webpack 5, integración con pasarelas de pago, hooks este deberia ser el nuevo curso definitivo de react

Estaba esperando mucho este curso, genial!

Iniciando! 😄

Suena genial!

EL PEOR CURSO QUE HE HECHO JAMÁS.

Así, sin matizar. No exajero. Un curso extremadamente largo, que no se centra en su supuesta temática, ya que el curso dice ser sobre “uso profesional de react hooks” y eso es quizás un 10% del curso. Un montón de horas maquetando layout. Un montón de horas haciendo cosas del proyecto como despliegues a producción, análisis con lighthouse, uso de pagos con paypal y hasta uso de google maps. Miles de estupideces que nada tienen que ver con el objetivo que pretende el alumno de este curso que no es otro que aprender a usar react. Ya que este curso se incluye en la ruta de react y es totalmente prescindible.

Pero no sólo eso. Es que además el curso está totalmente desfasado. Siendo necesario conforme avanzas adaptar todo lo que estás haciendo ya que hay partes que simplemente no funcionan con las herramientas actuales.

Además, la pedagogía brilla por su ausencia. Óscar se limita a escribir todo el rato un código que él ya tiene hecho. Sin explicar porqué es necesaria cada cosa, importando componentes que aún ni se han creado etc.

Luego el examen, eso sí, incluye preguntas sobre hooks, sobre los mismos que no se han utilizado en el curso. Lamentable.

Por favor, dejen de crear cientos de cursos prescindibles que no aportan nada y creen tan sólo los necesarios. Directos al grano y útiles. Bien mantenidos. Si siguen por este camino, los usuarios dejaremos de usar platzi por su falta de calidad.

Pd: escribo esto en la primera clase después de haber hecho el curso entero para advertir a gente que lo empiece.

En mi jale me asiganron a desarrollo de apps con React y ando sufriendo con los Hooks jajaja Platzi siempre salvandome

Curso muy bueno para practicar de todo, gracias!

exelente

A caray! Eso me interesa

Vamo a ver que tal el curso, dicen que ya necesita una actualizacion, pero vamo a darle

a darleee 🔥

Excelente introducción!

Con ganas de aprender y a darle con todo!!!

Me gustan demasiado estos cursos donde incluso se hace un despliege al final 😄

¡Que buena introducción! Ahora a disfrutar 😄

Genial!!!

Suena interesantisimo este proyecto!

Buenos dias Oscar.
Estoy intentando realizar una app que muestrelos datos de unos pacientes obtenidos de un json.
Esto se muestra en una pantalla estática. Si hay más pacientes de los que entran en la pantalla, se muestran los que quepan(5), y se cambia de página cada X tiempo. Es decir, la pantalla va pasando de página.
Lo que pretendo conseguir es hacer un carousel y que cada item sea en este caso la tabla creada con los pacientes, con lo que cada vez que cambie el slide del carousel se muestre la siguiente tabla, hasta que no haya mas slides y se repita el ciclo.
Cual es la manera mas apropiada de hacerlo?
Estoy intentando con High Order Component pero me esta resultando un poco confuso.
Crees que hay alguna manera mas sencilla de plantear la app?
Gracias

a comenzar otro buen curso como siempre de Oscar

Esperé muucho ésto y hoy lo ví!! Qué excelente!!

Vamos a ver que tal, me recomendaron platzi, vengo de udemy

Al fin!!

A Svelte no le gusta esto! XD
quiero empezar este curso ya!!

parece que viene lo bueno.

🤯🤯🤯 Todo esto en un solo curso. El señor Miyagi ni le llega a los talones a Orcar.

Wow!!!
Este curso me va a encantar un monton

Puedo garantizar que este curso esta buenísimo, como todos los cursos de nuestro gran profesor Oscar Barajas Tavares, super completo, aprenderemos técnicas profesionales de deploy, y a integrar herramientas como PayPal y Google map, entre otros. Cada día me enamoro más de Platzi 💚 #NuncaParesDeAprender

Super interesante.

Oscar le da full buena vibra a los cursos, listo para comenzar profe!

A darle con toda, aprovechando un mes mas al Gratín 😁

Espere mucho por este curso, tengo altas espectativas!

y los tests?

Oscar siempre con esa energía que es imposible desmotivarse. Gracias por tanto

b