Fontao 2024
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 oficial de pugjs. Usé npm install save-dev babel-plugin-transform-react-pug para instalar el complemento anterior. Luego creé un. babelrc en mi directorio raíz y agregue el archivo. Pug, formalmente conocido como Jade, es un preprocesador HTML implementado en Node.js. Le permite renderizar HTML con potentes funciones como bucles, plantillas, etc. Respondió 14. tpae. 6.32623764. Como desplazarse por una serie de objetos de jade, pugj en su interior. guión, - Qui-Gon Jinn. 20. 1. También se puede acceder a la propiedad mediante corchetes. ul slides.swiper-wrapper cada socio en el grupo de socios, socio.nombre. No puedo cargar mi archivo Dashboard.pug Dashboard.css pero carga Dashboard.js. Ambos están ubicados en la misma carpeta que Dashboard.pug. Ya utilicé con éxito la aplicación estática Express para la carpeta pública. const publicpath ruta.join, nombre del directorio. público, app.use express.static publicpath, Dashboard.pug - tipo de documento html. Creé una vista PugJS gt, esta vista se representa dentro de una ruta EpxressJS gt en la llamada a la función ExpressJS res.render, el componente React se incluye como datos dentro de ExpressJS. renderizado, llamada a función. El problema es que el componente React no se muestra correctamente ni se monta como un elemento HTML. Me resulta difícil tomar mi objeto json y usar el nombre y los valores para crear un enlace. También probé matrices separadas, pero decidí que sería más fácil si configuraba el objeto como título:URL y cuando uso este código: Comparación de pasar datos a plantillas en SeatsJS versus PugJS. Estoy muy satisfecho con la nueva arquitectura. Como beneficio adicional, después de cambiar a PugJS pude reemplazar cada controlador con archivos. Capacitación sobre sangría y cómo utilizarla. Apóyame en Patreon para ayudarme a crear más videos https: www.patreon.com OsamaElzeroI.