Expenses | Using Redux Toolkit createSlice Function

Показать описание

In this video we will refactor our code to use the createSlice function from Redux Toolkit.

Рекомендации по теме

Комментарии

Good stuff man! Your example makes slices vs reducers really easy to understand, and you explain what you're doing very clearly. 5/5 stars. :)

i_am_grid

You are a lifesafer, thanks so much for showing a simple slice and how to actually use it everywhere. So many of these tutorials skip essential steps that beginners don't understand

brobinbraauw

imo this is by far the best way to structure and write your redux code. Nice one!

richardmelkonian

Wohhh...I was looking for something like this, very clear to the point!!
Thank you

vineetpatel

Thank you so much for this dude! Very helpful video.

wzup

Thank you, just what i needed to understand redux toolkit

Elator

Exactly what I was looking for, thank you!

Kod.u

Had some problems as well with Redux Toolkit, the expense list did not update on POST, even though the expense was added to the database. Got the dreaded TypeError: action.payload is not iterable. Solved it by creating a new variable from the data from axios => const extractedExpense = [{id: data[]id, description: data.description, amount: data.amount}] and then dispatched extractedExpense into newExpense, instead of data directly from axios. Learning new things, even though I thought I knew React / Redux quite well, thanks again.

theodorn

Great informative video man, loved it!

shawjak

Nice video. I'd be curious to see what this would look like leveraging the rtk-query functionality. You apply state changes on top of the data loaded from the api, the examples on the react-toolkit page don't really have very satisfactory examples around this.

chriswininger

Great Video!, we can also make de fetch request in the slice also? Or its a bad practice

Franco

thank you, but I have a question. I also saw that you can make mutable operations inside your reducers in slice function, because redux toolkit uses Immer under the hood, so you can use methods like push instead of writing your own immutable logic like {...spread} or Object.assign() its kinda interesting, what can you say about it?

kirillpavlovskii

i just want to say " ty so much <3"

Krankerou

can you upload more videos like this please!!!~

fsdsdad

The repo is not working for me when I npm start the project. It throws "error adding new expenses??

ulyssesalvarezlaviada

I thought can write "mutable" code under createSlice()? Or is that just preference?

ericzedd

Expenses | Using Redux Toolkit createSlice Function

Expenses | Using Redux Toolkit createSlice Function

Redux in 100 Seconds

🟢 How to create store using redux toolkit #26 MERN Expenses app

TypeScript React Redux Toolkit Tutorial - Lets Build An Expense Tracker Using React, RTK, TypeScript

Redux - Complete Tutorial (with Redux Toolkit)

ReactJS Expense Tracker Using REDUX || React Redux Project || Learn Redux and ReactJS 🚀

TypeScript React Redux Toolkit | The Expense Tracker We are Going To Build!

🟢 MERN stack Expenses Tracker project #28 Login User Reducer - Redux toolkit

Redux Toolkit - Complete Tutorial ( with Project ) 🔥🔥

React JS Redux Expense Tracker Tutorial - Displaying the income and expenses

Complete MERN Stack Expense Tracker Application with RTK Query

🟢 MERN stack Expenses Tracker project #27 Login User Action | react redux toolkit |

Expense Tracker | MERN Stack | Tailwindcsss | Redux Toolkit | Firebase

Learn Redux Toolkit in under 1 hour

Let's Make Something Cool with Redux, Redux Toolkit and Typescript

🟢 MERN stack Expenses Tracker project #35 Admin Links | react redux toolkit mern stack project...

🟣 How to Make State Management Work for You with Redux and Redux Toolkit

How to use Redux Toolkit in your React Application to manage state

Build a CRUD App with React.js and Redux Toolkit for Beginners | 'React Redux CRUD App'

Prepare the payload | Redux Toolkit Introduction | React

React Redux Toolkit Crash Course (createAsyncThunk, createSlice)

🟢 mern stack project Expenses tracker #39 pagination in react react redux toolkit

Full Stack Development with React and Node js - Expense Tracker Application.

Redux CRUD Tutorial in React - Redux Toolkit Tutorial