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