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