In this tutorial, we will set up a JSON Server Rest API to function as a mock dev server for our React JS application. Our React app will be able to send requests to the JSON Server to get, post, update and delete JSON 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_json_server

JSON Server Rest API | React Dev Server | Learn ReactJS

(00:00) Intro
(00:05) What is JSON-Server?
(00:32) NPX instead of NPM
(00:54) Creating the starter JSON data
(02:45) Launching JSON-Server
(03:57) Sending GET requests
(05:10) JSON-Server endpoints and request types

🔗 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 introduction to JSON-Server Rest API set up helpful? If so, please share. Let me know your thoughts in the comments.

#json #server #react

#json #rest #api #reactjs #react