Pros of EJS
1. Ease of Integration:
- EJS is easy to integrate within 2-3 lines we can easily integrate nodejs with ejs.
- render allows to render EJS efficiently.
- Also if any user familiar with JS already, then it is also easy to use EJS.
// index.js
app.use(express.static(path.join(__dirname, 'public')))
.set('views', path.join(__dirname, 'views'))
.set('view engine', 'ejs');
app.get('/', (req, res) => {
res.render('index',{title:"Geeks"});
});
2. Dynamic Content:
- By integrating Javascript capaabilities, it helps to make dynamic web pages.
- It helps of render any value, any array data from API’s.
- By the use of Dynamic content, most of the times no need to make any other static HTML page for that data.
const authors = [
{
id:1,
name:"Akash"
},
{
id:2,
name:"Aman"
},
{
id:3,
name:"John"
}
]
app.get('/', (req, res) => {
res.render('index',{authors});
});
// index.ejs
<body>
<% for (let i = 0; i< authors.length;i++) { %>
<p><%= authors[i].name %></p>
<% } %>
</body>
Output:
Output
3. Active Community Support:
There is an active community around EJS that ensures continual development, debugging, and overall bettering. This means that this can be relied upon when building projects where support-driven updates and improvements are a precondition.
You can checkout more about this here.
4. Composability and Template Inheritence:
- This feature allows developers to develop complex applications from using EJS
- This helps developers to develop complex applications in small parts.
- It integrate dynamicity along with composability.
<!-- home.ejs -->
<%- include('header',{title:"Home"}) %>
<%- include('layout', {content: 'Welcome to the Home Page!'}) %>
<%- include('footer') %>
<!-- header.ejs -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%= title %></title>
</head>
<!-- footer.ejs -->
<footer>
<p>© 2024 My Website</p>
</footer>
<!-- layout.ejs -->
<body>
<header>
<h1>Welcome to My Website</h1>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<p><%= content %></p>
</main>
</body>
// server.js
const express = require('express');
const ejs = require('ejs');
const path = require('path');
const app = express();
// Set EJS as the view engine
app.set('view engine', 'ejs');
// Set views directory
app.set('views', path.join(__dirname, 'views'));
// Define a route to render the EJS template
app.get('/', (req, res) => {
// Pass data to the template
const data = {
pageTitle: 'My EJS App'
};
res.render('index', data);
});
// Start the server
const PORT = process.env.PORT || 5000;
app.listen(PORT, () => {
console.log(`Server is running on port ${PORT}`);
});
Output:
Output
What are the pros & cons of EJS for Node.js Templating ?
NodeJS, an influential JavaScript runtime, is becoming increasingly popular for the development of scalable, fast server-side applications. EJS (Embedded JavaScript) is among the leading templating engines for NodeJS. Here we shall discuss some merits and demerits of using this template engine in your work.
Table of Content
- What is EJS?
- Pros of EJS
- Cons of EJS
- Conclusion