Introduction In modern web development, the microservices architecture has become a go-to approach for building scalable, maintainable, and resilient applications. When combined with Node.js for the backend and React for the frontend, you get a powerful, full-stack JavaScript solution.
// MongoDB connection mongoose.connect(process.env.MONGO_URI, { useNewUrlParser: true, useUnifiedTopology: true, });
app.listen(4001, () => { console.log('User service running on port 4001'); }); microservices with node js and react download
Run everything with:
app.listen(5000, () => { console.log('API Gateway running on port 5000'); }); Sometimes services need to communicate without blocking the
microservices-app/ ├── api-gateway/ ├── services/ │ ├── user-service/ │ ├── product-service/ │ └── order-service/ ├── frontend/ │ └── react-app/ └── docker-compose.yml 2.1 Initialize the Service cd services/user-service npm init -y npm install express mongoose cors dotenv 2.2 Create the Server server.js
Now the React app can make requests to http://localhost:5000/users instead of directly to each service. Sometimes services need to communicate without blocking the request-response cycle. Redis Pub/Sub is a lightweight solution. Example: When a user is created, notify the email service. In user-service (publisher): In user-service (publisher): import React
import React, { useState, useEffect } from 'react'; import axios from 'axios'; const API_GATEWAY = 'http://localhost:5000';