Curso Práctico de React JS

Curso Práctico de React JS

Instruido por:
Oscar Barajas Tavares
Oscar Barajas Tavares
Básico
3 horas de contenido
Ver la ruta de aprendizaje
Construye los componentes de PlatziVideo
Proyecto del curso
Construye los componentes de PlatziVideo

En este curso tomaremos el frontend construido en el Curso de Frontend de la Escuela de JavaScript y lo implementaremos todo llevandolo a componentes de React para agregar interactividad a PlatziVideo

Curso Práctico de React JS

Curso Práctico de React JS

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

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

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

¿Qué es React JS?

Material Thumbnail

¿Qué es React JS?

03:50 min

Material Thumbnail

DOM, Virtual DOM y React DOM

02:11 min

Crear una Aplicación con React JS

Material Thumbnail

Create React App y Tipos de Componentes

13:04 min

Material Thumbnail

JSX: JavaScript + HTML

10:14 min

Material Thumbnail

Props: Comunicación entre Componentes

04:56 min

¿Qué son los métodos del ciclo vida?

02:36 min

State - Events

07:01 min

Material Thumbnail

Instalación y configuración de entorno

06:29 min

Material Thumbnail

Agregando compatibilidad con todos los navegadores usando Babel

08:57 min

Configurar un entorno de trabajo profesional

Material Thumbnail

Webpack: Empaquetando nuestros módulos

09:26 min

Material Thumbnail

Webpack Dev Server: Reporte de errores y Cambios en tiempo real

04:25 min

Material Thumbnail

Estilos con SASS

08:19 min

Material Thumbnail

Configuración final: ESLint y Git Ignore

06:34 min

Material Thumbnail

Arquitectura de componentes para Platzi Video

03:58 min

Llevar un diseño de HTML y CSS a React

Material Thumbnail

Estructura del Header

09:17 min

Material Thumbnail

Estilos del Header

03:55 min

Material Thumbnail

Estructura y Estilos del Buscador

03:19 min

Material Thumbnail

Estructura y Estilos de Carousel y Carousel Item

12:53 min

Material Thumbnail

Estructura y Estilos del Footer

03:37 min

Material Thumbnail

Añadiendo imágenes con Webpack

11:22 min

Material Thumbnail

Imports, Variables y Fuentes de Google en Sass

05:39 min

Uso de una API de desarrollo (Fake API)

Material Thumbnail

Creando una Fake API

05:36 min

Material Thumbnail

React Hooks: useEffect y useState

08:29 min

Lectura React Hooks

01:22 min

Material Thumbnail

Conectando la información de la API

06:49 min

Material Thumbnail

Custom Hooks

04:46 min

Material Thumbnail

PropTypes

05:29 min

Usar React Tools

Material Thumbnail

Debuggeando React con React DevTools

04:04 min

Material Thumbnail

Prepárate para lo que sigue

00:47 min

nuevosmás votadossin responder
José Armando Gutiérrez Araujo
José Armando Gutiérrez Araujo
Estudiante
Entiendo que el MiniCssExtractPlugin sirve para extraer el css de nuestro bundle, lo que no entiendo es a que bundle se refiere, alguien ...
0
José Armando Gutiérrez Araujo
José Armando Gutiérrez Araujo
Estudiante
Hola comunidad, por qué state no no es declarada const, let u otro indicador de variable?
1
Andrés Mendoza Zuñiga
Andrés Mendoza Zuñiga
Estudiante
Hola me ayudan con este error Error: Cannot find module ‘webpack-cli/bin/config-yargs’
0
Tomas Matus
Tomas Matus
Estudiante
no me queda claro porque state no se inicia en un constructor
0
Diego Sarmiento
Diego Sarmiento
Estudiante
_app.scss o App.scss ? Lo pregunto porque tengo entendido que es buena practica crear el archivo con _ según el curso de SASS.
0
Angélica Herrera
Angélica Herrera
Estudiante
Como hago para consultar que versión de React tengo instalado?
4
aybike
aybike
Estudiante
Si lo hago como los companieros haciendo una lista de Categories y luego de Caraousel Items, que key le pongo a Categories???
1
Angélica Herrera
Angélica Herrera
Estudiante
Se puede usar un preprocesador y un framework en css al mismo tiempo? Por ejemplo: Sass y Materialize
2
aybike
aybike
Estudiante
Tienen que ser los containers components classes en vez de funciones??
1
Ever Alfredo Sorto Ayala
Ever Alfredo Sorto Ayala
Estudiante
¿por que la función lleva paréntesis en lugar de llaves ? const Helloworld = ()=>( <h1> Hola Mundo </h1> ); ``` ...
3