𝗠𝗘𝗥𝗡 𝗦𝘁𝗮𝗰𝗸 𝘀𝗶𝗸𝗵𝗻𝗲 𝗸𝗮 𝟰𝟲𝘃𝗮𝗻 𝗱𝗶𝗻
मैं अपनी MERN stack यात्रा के 46वें दिन पर हूँ।
कल मैंने Tailwind CSS सेटअप किया था। आज मैंने EJS templating engine सीखा।
आज से पहले मेरे HTML पेज स्टैटिक (static) थे। वे सर्वर से होने वाले बदलावों को नहीं दिखा सकते थे।
EJS सर्वर-साइड रेंडरिंग (server-side rendering) की सुविधा देता है। यह आपके बैकएंड से लाइव डेटा का उपयोग करके HTML बनाता है। आप सीधे अपने HTML के अंदर JavaScript लॉजिक लिख सकते हैं।
आज मैंने इसे इस तरह सेटअप किया:
- मैंने Express को EJS को view engine के रूप में उपयोग करने के लिए कहा।
- मैंने अपने टेम्पलेट्स के लिए एक 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