Temario y recursos del Curso de Server Side Render con Express
Temario del Curso de Server Side Render con Express
Conocimientos necesarios para aplicar SSR
- Introducción al curso
- Presentación del proyecto del curso y sus herramientas
- ¿Qué es Server Side Rendering?
Preparando entorno para aplicar SSR
- Actualizando dependencias en NPM
- Creación del servidor en Express
- Usando Nodemon y Dotenv
- Integración de Webpack con Express
Integración de Express con React
- Servir React con Express
- Abstrayendo React Router, creando history y haciendo initialState más accesible
Aplicar Server Side Rendering
- Definición de la función principal para realizar el renderizado desde el servidor
- Assets require hook
- Hydrate y estado de Redux desde Express
Trabaja con entornos de desarrollo y producción
- Configurando nuestro servidor para producción
- Configurando webpack para producción
- Optimización del Build
- Aplicar hashes al nombre de nuestros builds
Buenas prácticas de Server Side Render
- Vendorfiles en Webpack: definiendo cacheGroups
- Vendorfiles en Webpack: generando el vendorfile
- Configuración de ESLint
Alternativas al SSR con Express
Para este curso vas a necesitar
3 Horas de contenido
14 Horas de práctica
Conocimientos previos
- Node.js
- HTML, CSS y JavaScript
- Webpack
Software para este curso
- JavaScript
- Editor de Texto
- Navegador Web
Proyecto del curso
Configura Express y aplica SSR al proyecto de la Escuela de JavaScript PlatziVideoHas trabajado mucho para llegar a este punto, aquí inicia tu formación como desarrollador FullStack JavaScript. Con el proyecto PlatziVideo componentizado e implementado en React vas a crear el servidor y configurar todos los archivos necesarios para que hagas renderizado del frontend desde el servidor.
Para este curso vas a necesitar
3 Horas de contenido
14 Horas de práctica
Conocimientos previos
- Node.js
- HTML, CSS y JavaScript
- Webpack
Software para este curso
- JavaScript
- Editor de Texto
- Navegador Web
Proyecto del curso
Configura Express y aplica SSR al proyecto de la Escuela de JavaScript PlatziVideoHas trabajado mucho para llegar a este punto, aquí inicia tu formación como desarrollador FullStack JavaScript. Con el proyecto PlatziVideo componentizado e implementado en React vas a crear el servidor y configurar todos los archivos necesarios para que hagas renderizado del frontend desde el servidor.
Conocimientos necesarios para aplicar SSR
- Introducción al curso
- Presentación del proyecto del curso y sus herramientas
- ¿Qué es Server Side Rendering?
Preparando entorno para aplicar SSR
- Actualizando dependencias en NPM
- Creación del servidor en Express
- Usando Nodemon y Dotenv
- Integración de Webpack con Express
Integración de Express con React
- Servir React con Express
- Abstrayendo React Router, creando history y haciendo initialState más accesible
Aplicar Server Side Rendering
- Definición de la función principal para realizar el renderizado desde el servidor
- Assets require hook
- Hydrate y estado de Redux desde Express
Trabaja con entornos de desarrollo y producción
- Configurando nuestro servidor para producción
- Configurando webpack para producción
- Optimización del Build
- Aplicar hashes al nombre de nuestros builds
Buenas prácticas de Server Side Render
- Vendorfiles en Webpack: definiendo cacheGroups
- Vendorfiles en Webpack: generando el vendorfile
- Configuración de ESLint
