Assets require hook

Clase 16 de 22 • Curso de Server Side Render con Express 2019

Resumen

Nuestro sitio actualmente presenta un problema con la carga de imágenes si le desactivas el JavaScript, para resolver esto vamos a instalar asset-require-hook lo que nos va a permitir indicarle al servidor donde se encuentran los assets de nuestra aplicación.

yarn add asset-requiere-hook

Marcelo Gustavo Baez

student•

Una recomendación: Mas alla que con una busqueda en internet se puede solucionar, me parece util que el profesor indique la diferencia entre yarn y npm a la hora de establecer que dependencias son de desarrollo y cuales no. Yo particularmente uso npm y conozco los flags para definirlas (-D), pero en yarn no se cuales son. Vi que utiliza --exact para fijar la version, pero me da la impresion que no instaló ninguna dependencia de desarrollo con yarn

Daniel Esteves

student•

¡Hola Marcelo! Yarn y NPM funcionan casi de la misma manera en cuanto a sintaxis, con -D en ambos gestores de paquete puedes instalar dependencias en producción; pero es cuestión de gustos si se requiere utilizar Yarn o NPM en un proyecto

David Behar

student•

por alguna razón no me sirvió el yarn add, yo lo resolví así

npm i --save asset-require-hook

Omar García Betanzos

student•

No puedo creer que en toda la red solo hay una pequeña descripción sobre "asset-require-hook" en npm web. Si alguien puede explicarlo a profundidad para todos comenten aquí.

Daniel Ramírez Mendoza

student•

Hay un error en el nombre de la librería que ponen en la descripción, debe ser:

yarn add asset-require-hook

Assets require hook

Primeros pasos

¡Vamos a renovar este curso!

Introducción y presentación del curso

¿Qué es Server Side Rendering?

Babel, Express y React

Creación del proyecto base

Configuración de ESLint con Webpack

Preparación de Webpack, Babel, PostCSS y Assets

Usando Plugins y vendor file en Webpack

Integración de Webpack con Express

Integración de Express con React

Servir React con Express

Agregando variables de sass desde webpack

Aplicando history y creando rutas para el servidor

Haciendo initialState accesible y configurando Redux DevTools

Aplicar Server Side Rendering

Definiendo la función main para renderizado desde el servidor

Aplicando la función main para renderizado desde el servidor y creación del string de HTML

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 el frontend y webpack para producción

Compresión de Assets

Hashes

Cierre del Curso