DEV Community

jSON Server with ReactJS

Mario Rodeghiero on July 05, 2018

jSON Server with ReactJS JSON Server helps you to set up a REST API simply and quickly. As they report in the Github repository, you can...

Read full post

Mario Rodeghiero • Sep 1 '18

Hi ariana, I have two repositories in my Github:

In development yet: github.com/mariorodeghiero/react-p...

github.com/mariorodeghiero/react-g...

Mario Rodeghiero • Sep 2 '18

JSON-server is ideal for a development environment, but you can still make a GET and POST.
If you want to use a real-time data server, it would be better to use the firebase. and to perform GET and POST you can use the Https://github.com/axios/axios.

This link has a repository using firebase and axios: github.com/mariorodeghiero/reactjs...

Ashif Zafar • Mar 17 '20 • Edited

is it still possible to run json-server on node < 10 version?

Mario Rodeghiero • Mar 17 '20

I think it works yet, I didn't find any note about it, but you can check more details here: github.com/typicode/json-server
thanks

StefanVrecic • Feb 6 '20

If your client is on 3000 and your API is on 3001, do you not get a 403 error? I'm doing a little job takehome test and I've been provided with the server/API which I'm not allowed to edit, it's using JSON-server.

Whenever I run my client and API, one of them goes on 3002 (or I could specify a different port) - they can't run on the same port, and also trying to access localhost:3002/api returns a 403 error, which I'm assuming is because cors is not enabled. How does yours work?

Shelby Anne • Jun 3 '21

You just need to open another console window and run both commands at the same time. One for 3000 and one for 3001 :)

vlatdina • Dec 16 '19 • Edited

Thank you for this article.

Can you plz tell me why Im getting this error constantly? :( :(

Unhandled Rejection(TypeError): data.map is not a function

Mario Rodeghiero • Dec 16 '19 • Edited

Thanks !
Probably because your "data" isn't an array.
If you agree, share your repository link and I can try to help you.

rapidtables • Jul 31 '18

Thank you Mario for this article, I have been looking similar to that, along the way found nice JSON tool, jsonformatter.org which helped me to formate and validate json data.