Estructura de archivos
Clase 17 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
Viendo ahora - 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
Resumen
¿Cómo organizar los archivos en un proyecto?
File-Type First (FTF), donde colocamos todos los archivos de un mismo tipo en una carpeta.
Feature First (Pods), donde colocamos cada feature en una carpeta.
Apps of Apps, creamos una carpeta por cada aplicación