// Start the server const port = 3001; app.listen(port, () => { console.log(`Server started on port ${port}`); }); This microservice defines two routes: one for the root URL and one for a specific resource (in this case, a list of users).
Here is an example of a simple React application that consumes the microservice:
const express = require('express'); const app = express();
export default App; This React application uses the fetch API to make a GET request to the microservice API. It then displays a list of users retrieved from the microservice.
// Define a route for a specific resource app.get('/users', (req, res) => { // Return a list of users const users = [ { id: 1, name: 'John Doe' }, { id: 2, name: 'Jane Doe' }, ]; res.json(users); });
5. **Start the React Development Server**: To start the React development server, navigate to the project directory and run the following command:
return ( <div> <h1>Users</h1> <ul> {users.map(user => ( <li key={user.id}>{user.name}</li> ))} </ul> </div> ); }
useEffect(() => { fetch('/users') .then(response => response.json()) .then(data => setUsers(data)); }, []);