Nivel Intermedio
58 clases
7 horas de contenido
12 horas de práctica
Desarrolla apps modulares en Javascript con React.js, la librería de más crecimiento en la web, creada por Facebook. Aprende desarrollo ágil de aplicaciones web con Redux y JSX.
Fundamentos
- 3
¿Qué es React?
05:12 min - 4
Hola Mundo con React
07:31 min - 5
¿Qué es y cómo funciona el Virtual DOM?
05:39 min - 6
Introducción a JSX
03:58 min - 7
Creación de componentes
13:21 min - 8
Componentes Puros vs de Estado
03:57 min - 9
Ciclo de vida de un componente
10:23 min - 10
Ciclo de vida de componentes
04:19 min - 11
Manejo de eventos del DOM
04:31 min - 12
Event handlers con parámetros personalizados
03:46 min - 13
Contexto de la aplicación
05:19 min - 14
Componentes de Alto Orden (HOC) y Mixins
08:22 min
Creación del proyecto
- 15
Presentación del proyecto
01:01 min - 16
Instalación de Node.js y usando npm
04:44 min - 17
Estructura de archivos
05:02 min - 18
Iniciar un servidor de render básico - Render en Server
03:40 min - 19
Module bundlers en JavaScript
06:02 min - 20
Configurar Webpack para el servidor de render
09:23 min - 21
Crear una app con React y React Router
04:21 min - 22
Manejo de rutas en el servidor con React Router
14:45 min - 23
Crear cliente para consumir el API
05:04 min - 24
Iniciar la app en el navegador y configurar Webpack para producción
08:58 min - 25
Iniciar un servidor de estáticos con zeit/list
04:33 min - 26
Herramientas de desarrollo de React
03:22 min - 27
Consumir el API y mostrar datos en la home
10:16 min - 28
Perfil de usuarios
08:13 min - 29
Estado de cargando y detalle de post
07:46 min - 30
Paginación de posts mediante scroll infinito
06:42 min - 31
Mostrar listado de comentarios en cada post
02:56 min - 32
Estilizar componentes con CSS Modules
18:43 min - 33
Linter y buenas prácticas con ESLint
22:21 min - 34
Internacionalización con React Intl
17:57 min - 35
Deploy a producción
27:30 min
Implementación de Redux
- 36
Patrones de arquitectura de aplicaciones Frontend
05:35 min - 37
Implementación inicial con Redux para los posts
20:37 min - 38
Uso de middlewares
08:39 min - 39
Acciones asíncronas
09:11 min - 40
Dividir el reducer en funciones más pequeñas y combinarlas
12:16 min - 41
Datos inmutables con Immutable.js
14:00 min - 42
Herramientas de desarrollo
08:08 min - 43
Conclusiones
02:02 min - 44
Pruebas automatizadas de reducers
09:03 min - 45
Pruebas de componentes de React
10:33 min - 46
Actualizando a la última versión de React Router
03:51 min
Desafíos
Contenido bonus
- 51
Glosario
03:47 min - 52
Evitar que webpack genere el CSS durante el build del servidor
00:57 min - 53
LazyLoad de imágenes
08:07 min - 54
Animaciones con ReactCSSTransitionGroup
07:31 min - 55
Server render con Next.js
11:53 min - 56
Aplicaciones universales/isomórficas
02:04 min - 57
Iniciar proyectos con create-react-app
04:34 min - 58
Diplomado de desarrollo de aplicaciones con ReactJS
00:38 min
Profes del curso
Conoce quién enseña el curso
Sergio Xalambrí
Opiniones del curso
4.3 · 47 opiniones
Alejandro Moreno
@alejandromoreno·
Me gustó el dominio del tema de profesor, y los casos de uso que usó en las distintas explicaciones de los contenidos.
william ricardo ariza vélez
@wilarizav·
La implementación del proyecto, y la explicación de cada uno de las ventajas de react como libreria.
Yeison Daza
@yeison·
El curso es increíble, espero crear muchas aplicaciones con lo aprendido
Guillermo Santisteban Guerrero
@guillermosantistebanguerrero·
Tiene todo lo necesario en el curso, espero otro curso simular con más proyectos reales.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender