React JS CRUD Application | React JS + Node JS + Sql Server | React Hooks

Published: 27 November 2024
on channel: Manoj Deshwal

13,349

196

React js crud operations with Node js and Sql Server | React Hooks

React JS CRUD App using Node JS and SQL Server | React JS | Node JS | MS SQL Server

💻 React + Node.js + MSSQL Full CRUD Tutorial for Beginners
In this comprehensive tutorial, I guide you through creating a full-stack CRUD application using React.js, Node.js, and SQL Server.
You'll learn how to:

. Set up and configure SQL Server.
. Build RESTful APIs with Node.js.
. Connect the React frontend to the backend.
. Perform CRUD operations (Create, Read, Update, Delete) on employee data.

Whether you're a beginner or looking to enhance your development skills, this tutorial has everything you need to build a robust application.

Table of Contents :-

00:00 Introduction / Demo
01:40 SQL Server Table Creation
04:02 Node.js Project Creation
04:50 React.js Project Creation
05:50 Installing Node Packages
09:30 Adding .env File for Database Details
11:40 Adding DB.js for Configuration
18:30 Creating APIs in Server.js
22:50 Get All Employees API (GET)
30:45 Get Single Employee by ID API (GET)
36:55 Add New Employee API (POST)
45:50 Update Employee API (PUT)
51:00 Delete Employee API (DELETE)
54:00 Installing Packages in React Project
54:30 Adding React Component for Employee CRUD
59:30 Consuming Get API in React.js
01:02:55 Adding a Bootstrap Table for Employee Details
01:11:15 Consuming Delete API in React.js
01:15:15 Adding a Bootstrap Modal for Add/Update Employee
01:23:40 Consuming POST and PUT APIs in React.js
01:29:51 Outro

Support Me :-
If this video is valuable to you, support me:
☕ Buy Me a Coffee : https://buymeacoffee.com/manojdeshwal
📺 Subscribe for more tutorials. : https://bit.ly/2IaMZUr

Follow Me for More Content
📷 Instagram
🐦 Twitter
👍 Facebook
🌐 Website

Recommended Laptops for Programming
🔗 Laptop 1 https://amzn.to/4g6YhDv
🔗 Laptop 2 https://amzn.to/3Z8xIHl
🔗 Laptop 3 https://amzn.to/3Z9BK1T
🔗 Laptop 4 https://amzn.to/3Bd7tau
🔗 Laptop 5 https://amzn.to/4gpoSfp
🔗 Laptop 6 https://amzn.to/4eRGoaC

Thanks for watching! Don't forget to like, share, and subscribe! 😊🙏

On this page of the site you can watch the video online React JS CRUD Application | React JS + Node JS + Sql Server | React Hooks with a duration of hours minute second in good quality, which was uploaded by the user Manoj Deshwal 27 November 2024, share the link with friends and acquaintances, this video has already been watched 13,349 times on youtube and it was liked by 196 viewers. Enjoy your viewing!