MERN Stack शिकण्याचा दिवस ४६
माझ्या MERN stack प्रवासाला ४६ दिवस पूर्ण झाले आहेत.
काल मी Tailwind CSS सेटअप केले. आज मी EJS templating engine शिकलो.
आजपर्यंत माझी HTML पेजेस स्टॅटिक (static) होती. ती सर्व्हरवरील बदल दाखवू शकत नव्हती.
EJS सर्व्हर-साइड रेंडरिंगला (server-side rendering) परवानगी देते. हे तुमच्या बॅकएंडमधील लाईव्ह डेटा वापरून HTML तयार करते. तुम्ही थेट तुमच्या HTML मध्ये JavaScript लॉजिक लिहू शकता.
आज मी ते कसे सेट केले ते खालीलप्रमाणे आहे:
- मी Express ला view engine म्हणून EJS वापरण्यास सांगितले.
- मी माझ्या टेम्पलेट्ससाठी 'views' डिरेक्टरी तयार केली.
- मी डेटा फ्रंटएंडला पाठवण्यासाठी
res.renderमेथड वापरली.
कोड असा दिसतो:
const express = require("express");
const app = express();
const users = require("./MOCK_DATA.json");
app.set("view engine", "ejs");
app.get("/users-list", (req, res) => {
res.render("users", { allUsers: users });
});
app.listen(8000);
ही पद्धत माझा डेटा माझ्या UI शी त्वरित जोडते.
स्रोत: https://dev.to/ali_hamza_589ec7b3eb6688d/day-46-of-learning-mern-stack-15dh