---
title: "How to Create an Inventory List with React useReducer, Axios, and JSON Server"
url: https://daily.dev/posts/how-to-create-an-inventory-list-with-react-usereducer-axios-and-json-server-rrobgfs0p
source_url: https://www.freecodecamp.org/news/create-an-inventory-list-with-react-usereducer-axios-and-json-server/
type: article
source: "freeCodeCamp"
author: "Tapas Adhikary"
published: 2024-03-07T19:09:30.591Z
updated: 2024-05-09T08:39:06.345Z
tags: ["javascript", "react", "axios"]
reading_time: 14
upvotes: 42
comments: 1
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Create an Inventory List with React useReducer, Axios, and JSON Server

**[freeCodeCamp](https://daily.dev/sources/freecodecamp)** · [@atapas](https://daily.dev/atapas) · 14 min read · 42 upvotes · 1 comments

## Summary

Learn how to create an inventory list with React using the useReducer hook, Axios for data fetching, and JSON Server as a mock API server.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.freecodecamp.org/news/create-an-inventory-list-with-react-usereducer-axios-and-json-server/>

## Community discussion

Top comments from developers on daily.dev.

**@atapas** · 0 upvotes

> I hope you find it helpful.

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments

---

Tags: [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react), [#axios](https://daily.dev/tags/axios)

[View this post on daily.dev](https://daily.dev/posts/how-to-create-an-inventory-list-with-react-usereducer-axios-and-json-server-rrobgfs0p)