Curso Profesional de React Hooks

Curso Profesional de React Hooks

Instruido por:
Oscar Barajas Tavares
Oscar Barajas Tavares
Avanzado
6 horas de contenido
Ver la ruta de aprendizaje
Curso Profesional de React Hooks

Curso Profesional de React Hooks

Progreso del curso:0/45contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/45contenidos(0%)

¡Bienvenida! Este es un curso especial de React Hooks

Material Thumbnail

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

01:01 min

Material Thumbnail

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

05:32 min

Introducción a React Hooks

Material Thumbnail

useState: estado en componentes creados como funciones

11:23 min

Material Thumbnail

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

10:12 min

Material Thumbnail

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

07:35 min

Material Thumbnail

useReducer: como useState, pero más escalable

09:06 min

¿Qué es memoization? Técnicas de optimización en programación funcional

04:10 min

Material Thumbnail

useMemo: evita cálculos innecesarios en componentes

11:43 min

Material Thumbnail

useRef: manejo profesional de inputs y formularios

04:03 min

Material Thumbnail

useCallback: evita cálculos innecesarios en funciones

04:48 min

Optimización de componentes en React con React.memo

07:18 min

Material Thumbnail

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

07:12 min

Third Party Custom Hooks de Redux y React Router

02:01 min

Configura un entorno de desarrollo profesional

Material Thumbnail

Proyecto: análisis y retos de Platzi Conf Store

10:12 min

Material Thumbnail

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

05:51 min

Material Thumbnail

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

17:01 min

Material Thumbnail

Configuración de Webpack 5 con loaders y estilos

05:48 min

Loaders de Webpack para Preprocesadores CSS

01:09 min

Material Thumbnail

Flujo de desarrollo seguro y consistente con ESLint y Prettier

11:11 min

Git Hooks con Husky

00:51 min

Estructura y creación de componentes para Platzi Conf Store

Material Thumbnail

Arquitectura de vistas y componentes con React Router DOM

12:46 min

Material Thumbnail

Maquetación y estilos del home

08:02 min

Material Thumbnail

Maquetación y estilos de la lista de productos

07:44 min

Material Thumbnail

Maquetación y estilos del formulario de checkout

04:55 min

Material Thumbnail

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

08:33 min

Material Thumbnail

Maquetación y estilos del flujo de pago

04:05 min

Material Thumbnail

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

09:17 min

Integración de React Hooks en Platzi Conf Merch

Material Thumbnail

Creando nuestro primer custom hook

12:11 min

Material Thumbnail

Implementando useContext en Platzi Conf Merch

07:35 min

Material Thumbnail

useContext en la página de checkout

11:37 min

Material Thumbnail

useRef en la página de checkout

11:19 min

Material Thumbnail

Integrando third party custom hooks en Platzi Conf Merch

08:02 min

Configura mapas y pagos con PayPal y Google Maps

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

01:59 min

Material Thumbnail

Integración de pagos con la API de PayPal

17:24 min

Material Thumbnail

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

09:49 min

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

02:02 min

Material Thumbnail

Integración de Google Maps en el mapa de checkout

12:54 min

Material Thumbnail

Creando un Custom Hook para Google Maps

15:01 min

Estrategias de deployment profesional

Material Thumbnail

Continuous integration y continuous delivery con GitHub Actions

16:12 min

Material Thumbnail

Compra del dominio y despliega con Cloudflare

08:51 min

Optimización de aplicaciones web con React

Material Thumbnail

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

09:02 min

Material Thumbnail

Análisis de performance con Google Lighthouse

03:43 min

Convierte tu aplicación de React en PWA

04:15 min

Bonus: trabaja con Strapi CMS para crear tu propia API

Material Thumbnail

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

19:55 min

¿Qué sigue en tu carrera profesional?

Material Thumbnail

Próximos pasos para especializarte en frontend

01:40 min

nuevosmás votadossin responder
Ever Alfredo Sorto Ayala
Ever Alfredo Sorto Ayala
Estudiante
Rezón de usar container y componentes
1
Ever Alfredo Sorto Ayala
Ever Alfredo Sorto Ayala
Estudiante
“format”: "prettier --write ‘{.js, src/**/.{js, jsx}}’ " esto no es una expresión regular o si ?? Si me explicarían e...
1
Ever Alfredo Sorto Ayala
Ever Alfredo Sorto Ayala
Estudiante
Donde puedo aprender mas sobre esto de configurar automáticamente el formato del código, existe alguna herramienta alternativa o estas m...
1
Ever Alfredo Sorto Ayala
Ever Alfredo Sorto Ayala
Estudiante
si instalamos de manera global al pasar a producción ¿que se hace con ese paquete ?
1
Ever Alfredo Sorto Ayala
Ever Alfredo Sorto Ayala
Estudiante
“assets/[name].css” en el minuto 3:24 el coloca esta instruccion en el plugin. Como le pasa el valor de name si no es una témplate o una...
0
Ever Alfredo Sorto Ayala
Ever Alfredo Sorto Ayala
Estudiante
Algún plugin para auto completar en visual code ? cuando se programa en js
1
erneledesma
erneledesma
Estudiante
Estimados, sigo teniendo problemas con el deploy con la leyenda constante de “falta configurar” de hecho en CloudFlare el dominio esta ha...
1
Ever Alfredo Sorto Ayala
Ever Alfredo Sorto Ayala
Estudiante
😄 en algunos cursos solo colocan js y este jsx ? se que es por convención pero modifica algo el funcionamiento ?
2
Diego Alejandro Cifuentes Arango
Diego Alejandro Cifuentes Arango
Estudiante
Alguien me puede explicar para que usamos el useHistory, history.push ? Esto nos ayuda a que específicamente y por qué no usamos un <L...
2
Luis David Arias Manjarrez
Luis David Arias Manjarrez
Estudiante
Donde esta el chico que recomendó dotenv? Ya no se que hacer con esas variables de entorno, como el .env no se sube al repo, el build sie...
0