隆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

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

No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Pr贸ximos pasos para especializarte en frontend

45/45
Recursos

Aportes 27

Preguntas 5

Ordenar por:

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

Mis apuntes te贸ricos del curso
Espero que les sirva, hechos con 馃挌

Y luego dicen que Platzi solo tiene cursos b谩sicos?. Este curso es de lo mejor que he visto en Platzi! Felicitaciones Oscar!

Les comparto mi feedback del curso:

Puntos buenos:
-Me gusta el estilo de Oscar al explicar.
-Usamos muchas veces el useContext y useState que no me quedaron dudas de como implementarlo en otros proyectos.

  • Aprend铆 como linkear una secci贸n con otra por medio de React Router (se necesita actualizar esta parte, ya cambi贸 de manera considerable).
    Buen timing de los videos, no se hacen muy pesados.

Puntos a mejorar:
Ser茅 un poco exigente en esta secc铆贸n, y que al tratarse de una empresa establecida con gente y recursos, y no un freelancer, quedaron algunos puntos que no me terminaron de convencer o llenar por completo.

**Estructuraci贸n del curso:

  • Podr铆an empezar explicando el alcance del proyecto mostrando su versi贸n final.
  • La explicaci贸n de los Hooks fue tan superficial que solo muestra la ejecuci贸n del Hook sin mostrar que est谩 pasando, comparaciones, ejemplos a detalle, etc.
    -Muchos puntos lo dejan tan abiertos sin darse el tiempo de explicarlos (es un curso, vale la pena explicar los peque帽os detalles). Ejemplo: podr铆an darse un minuto en analizar la data del objeto de un API, un video explicativo de como abrir cuenta en Paypal, etc.
    -Podr铆an explicar la arquitectura del proyecto en cada secci贸n y luego empezar a escribir c贸digo. Muchas veces, durante el video, no sab铆a que se estaba haciendo sino hasta terminar la secci贸n y decir: 鈥淎hh, ya se que se hizo鈥, un peque帽o esquema ayudar铆a mucho a ver el overview de hacia donde nos estamos dirigiendo.
  • Se nota mucha improvisaci贸n de la realizaci贸n del curso (lo he notado tambi茅n en otros cursos de esta plataforma).

Comento estos puntos ya que he tomado otros cursos en otras plataformas y educadores tech, que cuentan con mucho menor presupuesto y gente para la realizaci贸n de cursos, y he quedado muy satisfecho con sus cursos.

S茅 que pueden lograrlo, tienen la fama, el recurso econ贸mico y la gente. Solo falta un poco m谩s de organizaci贸n y planeaci贸n.

Los quiero 馃槂

Que curso tan vacano. Muchas gracias oscar, exelente contenido y muy buena explicacion

Hi there, the React JS courses on Platzi were very helpful to finish my portfolio.
.
So I want to share the result julianmparra.com.
.
Finally, I appreciate all the support provided by the students and the teachers. Thanks

mi deploy al final si pude usar strapi 馃槃
hambur-store

Muchas gracias por todo Oscar! Estuvo genial este curso, es genial practicar con ejemplos de situaciones reales.

gran curso, super completo 馃槂

Este curso me explot贸 la cabeza muchas veces 馃く

Los invito a pasar por mi despliegue, ojala lo disfruten!
La API est谩 servida por GCS.
Si encuentran algun bug haganmelo saber!
https://merchstore-85845.web.app/

Yo creo que la carpeta context m谩s bien deber铆a llamarse XProvider (donde X ser铆a el nombre que represente la funcionalidad) y tu ThemeContext -> ThemeProvider para as铆 exportarlo como un componente (provider) que recibe hijos, de esta manera el c贸digo queda m谩s claro y limpio.

excelente curso

Muy Completo el curso

no entend铆 lo de los issues鈥

Excelente curso! Muchas gracias 脫scar!!!

Excelente curso!! Como siempre una muy buena explicaci贸n de parte de Oscar!! 馃挭馃徎馃憣馃徎

Gracias Oscar!!! Eres el mejor

Mil gracias Oscar super completo el curso 馃槃

Muchas gracias. Excelente curso.

Que buen curso, muchas gracias

Excelente Curso Oscar, muy completo

Grande Oscar!! muchas gracias por este icreible curso

Grandioso curso, supero mis expectativas
Les dejo esta publicaci贸n para aquellos que quieran usar las credenciales de las APIs de PayPal y Google como variables de entorno:
https://platzi.com/tutoriales/2118-react-hooks/8661-como-usar-variables-de-entorno-en-el-proyecto-platzi-conf-merch-localmente-y-en-produccion/

https://platzi.com/r/christianfer/
Obt茅n 1 mes gratis adicional con la compra de tu suscripci贸n con mi link. As铆 adem谩s, me ayudas a obtener tambi茅n 1 mes gratis, as铆 podemos aprender los 2!
Agradecer铆a mucho tu ayuda, ya que la situaci贸n en Venezuela no me da muchas posibilidades.

Super bueno el contenido, muchas gracias Oscar!

a

El link esta roto