Platzi
Platzi

LA EDUCACIÓN ES UN REGALO ¡ACCEDE AL PRECIO ESPECIAL!

Antes: $249
$149
Currency
Antes: $249
Ahorras: $100
COMIENZA AHORA
Termina en: 16D : 16H : 21M : 23S

¡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? Técnicas de optimización en programación funcional

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

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

16

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

17

Configuración de Webpack 5 con loaders y estilos

18

Loaders de Webpack para Preprocesadores CSS

19

Flujo de desarrollo seguro y consistente con ESLint y Prettier

20

Git Hooks con Husky

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 56

Preguntas 1

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

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

Empecemos, tengo muchas expectativas con este curso 😄

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!

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!

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 !!!

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

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

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!

🎉🎉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/#/

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!!!

¿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 🚀

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.

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!

🤯🤯🤯 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