React CRUD Operations | Learn React JS

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

In this tutorial, you will learn how to complete CRUD operations in React by abstracting an async fetch function and defining the operation within the options object parameter. CRUD operations interact with a REST API server to create, read, update, and delete data.

? Subscribe ➜ https://bit.ly/3nGHmNn

? This lesson is part of a Learn React tutorial series playlist:
https://youtube.com/playlist?list=PL0Zuz27SZ-6PrE9srvEn8nbhOOyxnWXfp

? Source Code: https://github.com/gitdagray/react_fetch_api_data

React CRUD Operations | Learn React JS

(00:00) Intro
(00:05) Project Discussion
(01:39) Creating the async API Request function
(06:48) Create a new record with a Post API request
(10:10) Check incoming JSON Server API requests
(11:48) Update an existing record with a Patch API request
(17:08) Delete an existing record with a Delete API request

? JSON-Server:
https://www.npmjs.com/package/json-server

? ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

? React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

? Styled Components: https://styled-components.com/

? References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(JavaScript_library)
React Jobs: https://www.ziprecruiter.com/candidate/search?search=react&location=

✅ Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven

Was this tutorial about performing CRUD Operations in React helpful? If so, please share. Let me know your thoughts in the comments.

#react #crud #operations