Building a Mock API in React

🚀 Project React → cosden.solutions/project-react
Join The Discord! → discord.cosdensolutions.io
VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"
In this video I will show you how I built a Mock API in React for my new React course, Project React. This mock API is built using axios, and functions exactly like a real API. You can fetch data, get responses, and handle loading and error states. The only difference is that the data is not coming from an endpoint, but rather from localStorage. This is a really cool way to learn how to fetch data in React without managing your own backend and database!

[@stephanjames1536]

You’re definitely the best. Keep it up!!! Other devs don’t even talk about tests. Bravo!!!

[@jlemuelDev]

Really excited for your project react course🔥

[@usernamenotfound1229]

Great initiative waiting for this😊

[@OffroadTreks]

This is smart, becuase I usually get dropped into projects where someone else is setting up the API or dealing with data warehouse.

[@cosdensolutions]

That's exactly the goal! To simulate a real-world project

[@realbigsquid]

Lolz from the guy who learned the hard way, this is pretty cool.

[@pixyoutube538]

Awesome thank you bro

[@buddytech7775]

In this course add redux also ,it helps both ways hooks and redux concepts ,add many filters and check boxes to help further.

[@cosdensolutions]

Yep, there's redux in there!

[@coravityinfotech1660]

Nice way to explain. Mocks inside the application are good for learning projects, but how do you handle live projects? Isn't keeping mocks outside the code a better approach? Like MockServer or Requestly.

[@cosdensolutions]

this is for learning purposes only

[@mutasimahmed8975]

Covering just basics are all the advanced topics in your roadmap ? will you cover react query (please do )

[@cosdensolutions]

React Query is in part 2 which is coming a little later!

[@mutasimahmed8975]

cool best of luck waiting for the course desperately, some PPP for india and student discount would be graceful @@cosdensolutions

[@ugogalliano1176]

Hi Cosden good work!
Sorry but i think that you can avoid all this work, with the json-server package, right ?

[@shrey768]

Absolutely

[@cosdensolutions]

Yeah you could, but you'd still have to implement auth yourself. Also, I wanted to show how an API backend would look like for those who want to learn in a safe and easy way

[@brancode404]

Any Next.js course?

[@HolySl0w]

can you tell me if there are any fetch request in the network tab? i didn't get it

[@cosdensolutions]

there aren't any, it's all mocked!

[@mutasimahmed8975]

when is it comping, ?

[@cosdensolutions]

Less than 2 weeks!

[@ostap787]

Will you be using ts?

[@cosdensolutions]

Not for this one. Wanted to make it accessible to everyone

[@onceUpon-A-Mic]

How much is this course?

[@cosdensolutions]

Details are coming very soon!

[@rugucloud]

msw is better

[@cosdensolutions]

Produces the same result tbh, you won't directly touch this anws but its there for the curious ☺️