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

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