Herramientas de desarrollo de React
Clase 26 de 58 • Curso Profesional de React con Redux 2016
Contenido del curso
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
Viendo ahora - 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
Resumen
React devtools nos permite inspeccionar los componentes desde el navegador, esto nos da la posibilidad de depurar el código y encontrar posibles errores.