DEV Community

Nilay Mehta
Nilay Mehta

Posted on

1

Use Redux Thunk along with Axios service in React (CRA)

Alt Text

Load data from API using Axios and store data in Redux Thunk in React (create-react-app)

YouTube - https://youtu.be/a6uC2EauAZ4
Source code - https://github.com/mehtanilay10/React-Redux-Thunks-Axios-Hooks

Timestamps:
0:00:00​ Intro
0:00:13​ What is Redux?
0:03:15​ First Look at Final Project
0:04:03​ Subscribe channel
0:04:25​ Creating App with Redux & Axios
0:05:33​ Adding .env file
0:05:58​ Creating Axios Instance
0:06:54​ Create Service
0:07:48​ Create ActionTypes & Actions
0:10:20 Create Initial State & Reducer
0:13:18 Create Thunk
0:14:56 Create Root Reducer
0:16:09 Create Store & Provider
0:19:03 Use in component
0:22:15 Run app & solve issues
0:24:18 Conclusion

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs