Express js - Introduction to Express.js

Introduction to Express.js

What is Express.js?

Express.js is a fast, minimal, and flexible web application framework for Node.js that provides a robust set of features to build web and mobile applications. It simplifies the process of creating server-side applications by offering a structured way to handle routes, middleware, and HTTP requests.

Express.js is widely used for building RESTful APIs, single-page applications (SPAs), and full-stack web applications. It acts as a thin layer on top of Node.js, providing essential tools without enforcing strict architecture, making it highly customizable.

Why Use Express.js?

Express.js has become one of the most popular frameworks in the Node.js ecosystem due to its simplicity and flexibility. Developers prefer Express.js because it reduces boilerplate code and speeds up development.

Key Benefits

• Minimal and lightweight framework
• Easy routing system
• Powerful middleware support
• Integration with databases
• Scalable architecture
• Strong community support

Features of Express.js

1. Routing

Routing refers to how an application responds to client requests. Express.js provides a robust routing mechanism that allows handling different HTTP methods such as GET, POST, PUT, and DELETE.

2. Middleware

Middleware functions are functions that have access to the request and response objects. They can execute code, modify requests, and end the request-response cycle.

3. Template Engines

Express.js supports various template engines like EJS, Pug, and Handlebars to generate dynamic HTML content.

4. Static File Serving

You can serve static files such as images, CSS, and JavaScript using built-in middleware.

5. RESTful API Development

Express.js is ideal for building REST APIs due to its flexible routing and middleware capabilities.

Installing Express.js

Before installing Express.js, ensure Node.js is installed on your system. Then follow the steps below:

mkdir express-app
cd express-app
npm init -y
npm install express

Creating a Basic Express Server

Below is a simple example of creating a server using Express.js:

const express = require('express');
const app = express();

const PORT = 3000;

app.get('/', (req, res) => {
    res.send('Hello, Express.js!');
});

app.listen(PORT, () => {
    console.log(`Server is running on http://localhost:${PORT}`);
});

Understanding the Code

Importing Express

The require function imports the Express module.

Creating an App

The express() function initializes the application.

Defining Routes

app.get() defines a route that responds to HTTP GET requests.

Starting the Server

app.listen() starts the server and listens for incoming requests.

Routing in Express.js

Routing is one of the core concepts in Express.js. It determines how an application responds to a client request.

app.get('/about', (req, res) => {
    res.send('About Page');
});

app.post('/user', (req, res) => {
    res.send('User Created');
});

Types of Routes

• GET - Retrieve data
• POST - Send data
• PUT - Update data
• DELETE - Remove data

Middleware in Express.js

Middleware functions are essential in Express.js. They can process requests before reaching the final route handler.

app.use((req, res, next) => {
    console.log('Middleware executed');
    next();
});

Types of Middleware

• Application-level middleware
• Router-level middleware
• Error-handling middleware
• Built-in middleware

Handling Requests and Responses

Express.js provides request (req) and response (res) objects to handle HTTP transactions.

app.get('/user', (req, res) => {
    res.json({
        name: 'John',
        age: 25
    });
});

Common Methods

• res.send()
• res.json()
• res.status()

Serving Static Files

Express.js allows serving static files easily using express.static middleware.

app.use(express.static('public'));

Error Handling in Express.js

Error handling middleware is used to catch and process errors in the application.

app.use((err, req, res, next) => {
    res.status(500).send('Something went wrong!');
});

Building a Simple REST API

Express.js is commonly used for creating REST APIs.

const users = [];

app.post('/users', (req, res) => {
    users.push(req.body);
    res.send('User added');
});

app.get('/users', (req, res) => {
    res.json(users);
});

Express.js vs Other Frameworks

Express vs Koa

Koa is more modern and uses async/await, but Express is more popular and beginner-friendly.

Express vs NestJS

NestJS provides a structured architecture, whereas Express is minimal and flexible.

Advantages of Express.js

• Fast development
• Minimal setup
• Large ecosystem
• Highly customizable

Limitations of Express.js

• No strict structure
• Requires additional libraries
• Callback-heavy (though async/await solves this)

Express.js is an essential framework for Node.js developers. It simplifies backend development and provides powerful features for building scalable applications. Whether you are creating a simple website or a complex REST API, Express.js offers the tools needed to get started quickly and efficiently.