React JS CRUD with API (Hindi)

Channel:
India Geeky Shows
Subscribers:
543,000
Published on ● Video Link: https://www.youtube.com/watch?v=5PfvoAj-SMk


Duration: 1:51:23
48,444 views
1,010

React JS CRUD with API

React JS : https://www.youtube.com/playlist?list=PLbGui_ZYuhignjLLXTJWkRJKN-SgAqClL

React JS Project: https://www.youtube.com/playlist?list=PLbGui_ZYuhijDDvgZ04JAwWCt-x1c2I0g

Source Code: https://github.com/geekyshow1/reactmaterialcrudapi

00:00:00 Project Demo
00:03:24 Creating Project
00:04:10 Required Packages
00:06:00 Installing React Router Dom and Json Server
00:07:33 Introduction to json server
00:09:10 Installing Material UI and Axios
00:11:30 Creating Fake REST API using Json Server
00:15:14 Running React JS Application
00:17:57 Creating Home Route
00:19:10 Creating Home Component
00:20:33 Creating Home Page UI
00:23:07 Material UI makeStyles
00:29:00 Add Student UI
00:31:40 Student List UI
00:34:14 Creating View and Edit Routes
00:34:55 Creating View Edit and List Components
00:35:37 Separating Student List UI
00:42:08 Creating View UI
00:43:39 Creating Edit UI
00:46:30 Fetching All Student Data from API
00:57:10 Fetching Single Student Data from API
01:11:27 Fixing Warning useEffect has missing dependency
01:12:58 Adding/Inserting Data to API
01:28:45 Updating Student Data to API
01:42:59 Deleting Data from API
01:49:45 Project Review


Check Out Our Other Playlists:
https://www.youtube.com/user/GeekyShow1/playlists

Learn more about subject:
http://www.geekyshows.com/

________________________________________________

If you found this video valuable, give it a like.
If you know someone who needs to see it, share it.
If you have questions ask below in comment section.
Add it to a playlist if you want to watch it later.
________________________________________________

T A L K W I T H M E !
Business Email: contact@geekyshows.com
Youtube Channel: https://www.youtube.com/c/geekyshow1
Website: http://www.geekyshows.com/
_______________________________________________

Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :)
_______________________________________________



Other Videos By Geeky Shows


2021-08-13Kotlin Android App Development using Jetpack Compose Crash Course (Hindi)
2021-08-07Kotlin Programming Complete in one Video (Hindi)
2021-07-30Download and Install IntelliJ Idea (Hindi)
2021-07-30Download Install JDK and Set Path (Hindi)
2021-07-27Maze Runner Game using Flutter (Hindi)
2021-07-27Flutter Firebase Email Password Auth Keep User Login (Hindi)
2021-07-24Flutter Firebase Authentication Email Password Reset Password Change Password Verify Email (Hindi)
2021-07-21Flutter Firebase Cloud Firestore Database CRUD (Hindi)
2021-07-15Facebook UI Flutter (Hindi)
2021-07-03Github Copilot Your Artificial Intelligence Pair Programmer (Hindi)
2021-07-02React JS CRUD with API (Hindi)
2021-06-27How to Setup Next JS Project with Material UI (Hindi)
2021-06-26Material UI Complete in One Video (Hindi)
2021-06-22React Router Complete in One Video (Hindi)
2021-06-18Create Charts in React JS Project (Hindi)
2021-06-17Web Scraping using Python (Hindi)
2021-06-16Getting Any Country Information using Python (Hindi)
2021-06-15Setting up Laravel Project with Tailwind CSS using Laravel Mix (Hindi)
2021-06-13Setting up Next JS Project with Tailwind CSS (Hindi)
2021-06-10What to do after Learning Laravel (Hindi)
2021-06-10Making Request to API using HTTP Client in Laravel (Hindi)


Tags:
react js crud
axios
material ui
react js api
json server
react router
hindi
geekyshows
geeky shows
react