filmov
tv
Redux Thunk in React: Fetch and Add API Data to Your To-Do App
Показать описание
In this video, you'll learn how to use Redux Thunk to handle asynchronous API calls and integrate the fetched data into a to-do list app. We’ll cover what Redux Thunk is, how to set it up in a React app, and how it simplifies async data fetching in Redux. By the end, you'll know how to build a feature that lets users add tasks dynamically via API data. Perfect for React developers looking to enhance their state management skills!
Timeline:
0:00 - Introduction: What We’ll Build (App Overview)
0:15 - App Walkthrough: What You’ll Learn Today
1:10 - What is Redux Thunk? (Theory and Explanation)
3:40 - Installing Redux Thunk Middleware
4:50 - Adding Redux Thunk to the React App
6:02 - Creating an "OnClick" Button to Fetch API Data
6:40 - Writing Thunk Action Creator for Fetching Data
9:10 - Using Thunk to Dispatch Fetched Data to Redux Store
10:04 - Creating a Slice for Fetched API Data in the Reducer
11:25 - Calling fetchTask Action from the React Component
12:05 - Debugging: Solving Errors in the Thunk Flow
13:15 - Looping and Displaying Fetched Data in the To-Do List
13:50 - Adding Fetched Tasks One by One to the To-Do App
16:30 - Recap of What We Did
17:10 - What’s Coming in the Next Video
Timeline:
0:00 - Introduction: What We’ll Build (App Overview)
0:15 - App Walkthrough: What You’ll Learn Today
1:10 - What is Redux Thunk? (Theory and Explanation)
3:40 - Installing Redux Thunk Middleware
4:50 - Adding Redux Thunk to the React App
6:02 - Creating an "OnClick" Button to Fetch API Data
6:40 - Writing Thunk Action Creator for Fetching Data
9:10 - Using Thunk to Dispatch Fetched Data to Redux Store
10:04 - Creating a Slice for Fetched API Data in the Reducer
11:25 - Calling fetchTask Action from the React Component
12:05 - Debugging: Solving Errors in the Thunk Flow
13:15 - Looping and Displaying Fetched Data in the To-Do List
13:50 - Adding Fetched Tasks One by One to the To-Do App
16:30 - Recap of What We Did
17:10 - What’s Coming in the Next Video
0:17:38
Redux Thunk in React: Fetch and Add API Data to Your To-Do App
0:08:46
React Redux Tutorials - 13 - Redux Thunk Middleware
0:27:11
Understand Redux Thunk and Fetch Data from API
0:30:51
React Redux Thunk Middleware in Redux Toolkit for Async Actions with Axios
0:12:36
Async Thunks in React Redux Toolkit with TypeScript
0:23:57
Learn React Redux Thunk with Project | Redux Thunk Middleware | Axios Async Actions | Redux Tutorial
0:00:48
React redux for beginners || fetch data from api || redux thunk || e-commerce side add to cart
0:25:52
Fetch Data using Redux Thunk | The Complete Redux Course | Ep.19
0:17:52
How to make API call in React Redux Toolkit | React Redux Tutorial
0:15:40
API Call in Redux Toolkit | Fetch Data with Redux Toolkit | Fetch Data using React-Redux
0:19:27
Making API Call in React Redux | axios & redux-thunk | Async Actions |React Redux Tutorial
0:13:13
Learn to Fetch Data using API with createAsyncThunk in React Redux-Toolkit
0:34:51
How to Update Multiple States with one Action and Thunks in Redux Toolkit | Answering a Commenter
0:00:57
Learn How To Use Thunks In Redux
0:07:37
Redux Toolkit Tutorial - 30 - Fetching Data
0:10:13
80. Implement Delete Post using Redux Thunk in the React Redux App - ReactJS
0:16:37
React Tutorial 33 - Get started with Redux Thunk
0:01:00
🔥 Redux Toolkit asyncThunk in 60 seconds 🔥
0:26:08
Redux - Fetch API con Thunk en React Native
0:18:24
React Redux Toolkit Setup and CreateAsyncThunk on API
0:24:52
How to Fetch Data in Redux Toolkit
0:12:01
Webpack - Ep. 38 - Fetching Articles from an API with Redux Thunk
0:37:01
Redux - Complete Tutorial (with Redux Toolkit)
0:15:52
Desvendando o Redux #7: Integração Part-1 | Fetch Actions | React | Redux-Thunk | NodeJS
Комментарии