CRUD Operations with React and Node.js

Description

In this guide, you will learn how to get started with the React app and configure the application with real-time API data, performing the frequently used data table features such as creating the Node.js back-end API. The API integration with the React app and the app-based routing configuration.

Lab Objective

Upon completion of this lab, you will be able to:

• How to create the component and work with data passing
• How to work with Node.js and Express for creating APIs
• Create the CRUD app using the real-time data
• How to use functional components with React Hooks

Prerequisites

You should have a basic understanding of React functional components and Node.js with MongoDB.

Lab Requirements

• Create a REST API using Node.js, Express
• Create Database Using MongoDB
• Use Mongoose to Perform DB Operations
• Integrate React with Node.js REST API
• Perform CRUD Operations using React and Node

The schema for the User is given below:

{
    name: {
        type: String,
        required: true
    },
    email: {
        type: String,
        required: true
    },
    gender: {
        type: String,
        required: true
    }
}