Curso Práctico de React JS

Clases del 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

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

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

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
Alfredo
Alfredo
Estudiante

Alguien sabe por qué al hacer los cambios en el index.js no se refleja ninguna modificación en el navegador?? Tengo que dar de baja el servidor y volverlo a correr.

1
Matias Solis
Matias Solis
Estudiante

Alguien sabe a que se debe este error y como solucionarlo? Manifest: Line: 1, column: 1, Syntax error.

1
Daniel Coll Ramirez
Daniel Coll Ramirez
Estudiante

Que diferencia existe entre --save-dev y -D

1
Raul Cova
Raul Cova
Estudiante

Hola, esta mal si no uso el archivo .eslint? es un dolor de cabeza

1
Mario Rodriguez
Mario Rodriguez
Estudiante

Cada vez que se crea un proyecto nuevo hay que realizar este y los últimos pasos anteriores? no son instalaciones como “globales” por así llamarlo?

1
Andrés Felipe Acevedo Del Rio
Andrés Felipe Acevedo Del Rio
Estudiante

Entonces porque no usar TS de una vez?

2
Jesus Moo
Jesus Moo
Estudiante

¿Cómo puedo traer una x cantidad de datos de la API?
Me refiero a que si la API tiene 10 (por ejemplo) elementos, ¿Cómo puedo obtener los primeros 3?, sin necesidad de traer todos

1
bruno guerra solano
bruno guerra solano
Estudiante

hola comunidad, agradecería me puedan indicar que cursos tomar a qui en platzi para ser un crack en peticiones, manejar eventos en react o js, peticiones y consumir una API

1
Andrés Felipe Acevedo Del Rio
Andrés Felipe Acevedo Del Rio
Estudiante

React se recomienda instalar como una dependencia de desarrollo?

1
Andrés Felipe Acevedo Del Rio
Andrés Felipe Acevedo Del Rio
Estudiante

cuando dice props en el Stateful.js … a que se refiere?

1