Scribd
Upload
4 views1 page

React Node MySQL Process

The document outlines the process of using React, Node.js/Express, and MySQL for web development. MySQL serves as the database for permanent data storage, while Node.js/Express acts as the backend that handles API requests and communicates with the database. React functions as the frontend interface, utilizing API calls to interact with the backend and display data to users.

Uploaded by

govindgubbala0
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views1 page

React Node MySQL Process

The document outlines the process of using React, Node.js/Express, and MySQL for web development. MySQL serves as the database for permanent data storage, while Node.js/Express acts as the backend that handles API requests and communicates with the database. React functions as the frontend interface, utilizing API calls to interact with the backend and display data to users.

Uploaded by

govindgubbala0
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Summary of the Process: React + Node.

js/Express
+ MySQL

MySQL (Database)
• Permanent storage of data.
• Organized in tables with rows and columns.
• Example: Database 'react_crud' with table 'users'.

Node.js/Express (Backend)
• Acts as the middleman between React and MySQL.
• Provides REST API endpoints (GET, POST, PUT, DELETE).
• Runs SQL queries on MySQL and returns JSON to frontend.

React (Frontend)
• User Interface where people interact (forms, buttons, tables).
• Does not store data permanently, instead uses API calls.
• Uses Axios/fetch to communicate with the backend API.

Process Flow
• 1. Click 'Add User' in React → Axios sends POST request.
• 2. Express API receives request → Executes SQL INSERT.
• 3. MySQL saves data permanently.
• 4. React loads data using GET request → Express → SQL SELECT → MySQL returns rows →
React displays data.
• 5. Update and Delete operations work the same way with PUT and DELETE methods.

You might also like