Esperé muchísimo este curso, vamos con toda! 😄
¡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
Oscar Barajas Tavares
Aportes 65
Preguntas 2
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!
También tenemos una organización de GitHub donde pondremos nuestros proyectos, únete por aquí:
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
.
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!
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
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?