Logien2024
1. Cree una nueva aplicación ReactJS usando create-react-app. 2. Luego seguí las instrucciones de babel-plugin-transform-react-pug para instalar el complemento como se menciona en el sitio web oficial de pugjs. Usé npm install save-dev babel-plugin-transform-react-pug para instalar el complemento anterior. Luego creé uno. babelrc en mi directorio raíz y agregue el archivo. Comparación de transferencia de datos con modelos en HandlersJS y PugJS. Estoy muy satisfecho con la nueva arquitectura. Como ventaja, después de cambiarme a PugJS pude reemplazar cualquier controlador con archivos. No puedo hacer que mi tablero.pug cargue tablero.css, pero carga tablero.js. Ambos están ubicados en la misma carpeta que Dashboard.pug. Ya utilicé con éxito la aplicación Use Express Static para la carpeta pública. const publicpath ruta.join, nombre del directorio. público, app.use express.static publicpath, Dashboard.pug – doctype html. Creé una vista PugJS. Esta vista se representa dentro de una ruta gt de EpxressJS. Cuando se llama a la función ExpressJS res.render, el componente React se incluye como datos en ExpressJS. Representación, llamada a función. El problema es que el componente React no se muestra correctamente o no está montado como un elemento HTML. Crea un archivo y míralo para empezar a trabajar. Apóyame en Patreon para ayudarme a crear más videoshttps: www.patreon.com OsamaElzeroEsto es lo que haré. Parte de una serie completa de Node.js, que incluye cómo usar Express.js y más. Este vídeo se centra en el motor de plantillas JADE y explica los conceptos básicos..