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