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

Veröffentlicht am: 27 November 2024
auf dem Kanal: 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! 😊🙏

Auf dieser Seite können Sie das Online-Video React JS CRUD Application | React JS + Node JS + Sql Server | React Hooks mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Manoj Deshwal 27 November 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 13,349 Mal angesehen und es wurde von 196 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

2,653

678