Mis apuntes teóricos del curso
Espero que les sirva, hechos con 💚
¡Bienvenida! Este es un curso especial de React Hooks
¿Qué aprenderás en el Curso Profesional de React Hooks?
¿Qué son los React Hooks y cómo cambian el desarrollo con React?
Introducción a React Hooks
useState: estado en componentes creados como funciones
useEffect: olvida el ciclo de vida, ahora piensa en efectos
useContext: la fusión de React Hooks y React Context
useReducer: como useState, pero más escalable
¿Qué es memoization? Programación funcional en JavaScript
useMemo: evita cálculos innecesarios en componentes
useRef: manejo profesional de inputs y formularios
useCallback: evita cálculos innecesarios en funciones
Optimización de componentes en React con React.memo
Custom hooks: abstracción en la lógica de tus componentes
Third Party Custom Hooks de Redux y React Router
Configura un entorno de desarrollo profesional
Proyecto: análisis y retos de Platzi Conf Store
Git Hooks con Husky
Instalación de Webpack y Babel: presets, plugins y loaders
Configuración de Webpack 5 y webpack-dev-server
Configuración de Webpack 5 con loaders y estilos
Loaders de Webpack para Preprocesadores CSS
Flujo de desarrollo seguro y consistente con ESLint y Prettier
Estructura y creación de componentes para Platzi Conf Store
Arquitectura de vistas y componentes con React Router DOM
Maquetación y estilos del home
Maquetación y estilos de la lista de productos
Maquetación y estilos del formulario de checkout
Maquetación y estilos de la información del usuario
Maquetación y estilos del flujo de pago
Integración de íconos y conexión con React Router
Integración de React Hooks en Platzi Conf Merch
Creando nuestro primer custom hook
Implementando useContext en Platzi Conf Merch
useContext en la página de checkout
useRef en la página de checkout
Integrando third party custom hooks en Platzi Conf Merch
Configura mapas y pagos con PayPal y Google Maps
Paso a paso para conectar tu aplicación con la API de PayPal
Integración de pagos con la API de PayPal
Completando la integración de pagos con la API de PayPal
Paso a paso para conectar tu aplicación con la API de Google Maps
Integración de Google Maps en el mapa de checkout
Creando un Custom Hook para Google Maps
Estrategias de deployment profesional
Continuous integration y continuous delivery con GitHub Actions
Compra del dominio y despliega con Cloudflare
Optimización de aplicaciones web con React
Integración de React Helmet para mejorar el SEO con meta etiquetas
Análisis de performance con Google Lighthouse
Convierte tu aplicación de React en PWA
Bonus: trabaja con Strapi CMS para crear tu propia API
Crea una API con Strapi CMS y consúmela con React.js
¿Qué sigue en tu carrera profesional?
Próximos pasos para especializarte en frontend
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 33
Preguntas 5
Mis apuntes teóricos del curso
Espero que les sirva, hechos con 💚
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.
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:
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 😃
Y luego dicen que Platzi solo tiene cursos básicos?. Este curso es de lo mejor que he visto en Platzi! Felicitaciones Oscar!
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
Dejo un resumen que hice espero que a alguien le sea util. ❤️
Excelente curso, tiene sus bachecitos porque ya es algo viejo, pero todo sale googleando y mirando lo que va diciendo la comunidad, gran curso!
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.
finally!
Muy Buen curso!
hay algunos React hooks que falto profundizar pero excelente el proceso desde cero hasta montarlo en firebase
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/
Un curso bastante completo en cuanto al uso React en proyectos más reales. Sin embargo, está desactualizado con respecto a webpack y las implementaciones de los paquetes de paypal y google maps.
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!! 💪🏻👌🏻
Excelente el curso profesional ++de errores ++ de React Hooks. Me encanta Oscar como profesor pero… me quedaron muchas cosas sin poder solucionar ya que el curso no está actualizado. Como por ejemplo no pude hacer andar la parte de PWA, nunca logré hacer que lea el manifest.json. Todo compilaba bien, y no encontré solución ya que tampoco conozco PWA en profundidad asique como era copiar y pegar y no nos explicaban mucho, no pude resolver el problema. Aprendí mucho? Siii, pero aprendí de que cada video me salia un error mas raro que el otro y tardaba horas en poder resolverlo. Asi que voy a seguir profundizando en los cabos que quedaron sueltos, pero creo que ya es hora de una ACTUALIZACIÓN del curso.
Mas allá de eso, me encanta Oscar como profesor!
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
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?