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
Uriel Yasuhiro Aguilar Rosales
Uriel Yasuhiro Aguilar Rosales
Estudiante

Por que en babel la estructura empieza con {} ?

0
Uriel Yasuhiro Aguilar Rosales
Uriel Yasuhiro Aguilar Rosales
Estudiante

No se por que siento que estoy copeando y pegando lineas de codigo las cuales no conosco profundamente y se lo superflo como “Esto es necesario para que funcione” Esto lo instala, Pero no se porque se escribe de x o de y manera, por que el @ por ejemplo aqui que es esto??
npm install @babel/core babel-loader @babel/preset-env @babel/preset-react --save-dev

0
Christopher Piedra
Christopher Piedra
Estudiante

Buenas, tengo un problema a la hora que trato de instalar lo de babel. no me funciona y ya no se que hacer.
Lo que dice nada mas es:
19 packages are looking for funding run npm fund for details
found 0 vulnerabilities

pero a la hora que creo el archivo .babelrx lo creo como si fuera un archivo de texto normal.
Alguna idea?

1
Jose Martinez
Jose Martinez
Estudiante

Ayuda!! a mi no me arroja ningun error, pero no logro ver los cambios realizados desde mi archivo .scss => les comparto mi github: https://github.com/joseMartinez1987/react-videos

Gracias

1
Cristian Daniel Jesus Rios
Cristian Daniel Jesus Rios
Estudiante

Y el placeholder, que quedo dando vueltas…donde lo meteriamos?

::placeholder {
  color: white;
}
0
DAMIÁN NICOLAS PINEDO
DAMIÁN NICOLAS PINEDO
Estudiante

esto es lo que se muestra en mi consola(cmder) no entiendo porque no aparece la api sale tal cual escrito incluso corregí el typo de initialState aun asi solo sale esto…alguna ayuda?, el archivo json esta en la raiz del proyecto no se que mas pueda ser

λ npx json-server --watch initialState.json

  \{^_^}/ hi!

  Loading initialState.json
  Done

  Resources
  http://localhost:3000/posts
  http://localhost:3000/comments
  http://localhost:3000/profile

  Home
  http://localhost:3000

  Type s + enter at any time to create a snapshot of the database
  Watching...


2
Karen Gómez
Karen Gómez
Estudiante

Me salen estos errores, y no sé porque. Ayuda
Error.png

0
DAMIÁN NICOLAS PINEDO
DAMIÁN NICOLAS PINEDO
Estudiante

no entendi la parte de children, que es ese parametro? para que sirve?

1
Juan Carlos Salazar
Juan Carlos Salazar
Estudiante
Hola, estoy en un proyecto personal y para aprender, pero ahora estoy con un problema para desplegar en producción, resulta que puedo ver todas las páginas de barra separada pero en la aplicación no funcionan las rutas. cualquier ayuda se las agradezco
0
Patrick Jhonatan Hernandez Blanco
Patrick Jhonatan Hernandez Blanco
Estudiante

Hola, a alguien mas le pasa que al colocarse sobre los items no aumentan de tamaño?, agradecería que si alguien ha tenido el mismo problema y lo haya logrado solucionar me comparta el método.

0