Complete Shopping Cart 🛒 - 12 React Toastify & localStorage | React and Redux Toolkit Course 🔥

[@aatiqaghazali7850]

awesome I am smiling like an idiot when toast message appears 😀like this is so easy .....Thanks

[@ChaooCharles]

😂😂 welcome

[@erinneg]

great tutorial! Update- useNavigate replaces useHistory with v6 but it's a simple swap with everything else the same.

[@patt4343]

navigate.push() didnt work but this did navigate("/cart");

[@Jiji-lo3zs]

If you are kenyan, I´m so proud of you

[@ChaooCharles]

Yeah, mimi ni mkenya bro. Happy coding.

[@Jiji-lo3zs]

@@ChaooCharles me too!! Kenya damu. Appreciating that you are having videos that are helping me in coding journey. Shukran!

[@ChaooCharles]

@@Jiji-lo3zs You are welcome man

[@felixomundi1495]

@@ChaooCharles hebu chapa mambo na integration of mpesa

[@ChaooCharles]

Fitty, soon bro..

[@johan94warrior]

Thank you so much! Really needed this!

[@Ganesh-ld8ph]

Awesome Charles bro,
Thank you...

[@ChaooCharles]

Thanks

[@NativeCoding-s1e]

For this part, actaully you dont have to aceess the local storage manually, redux has redux persist package. Just add/install that package and in redux store you can do like this :
import { persistStore, persistReducer } from 'redux-persist'
const persistConfig = {
key: 'root',
storage,
whitelist: ["CartReducer"] ------> persistant not disappear on page reload
}
const persistedReducer = persistReducer(persistConfig, rootReducer)
const store = configureStore({
reducer: persistedReducer,
// devTools: process.env.NODE_ENV !== 'production',
})

[@blue_berry_pie64]

Thank you so much for your tutorials!!!

[@herewego034]

You are the best, thank you very much! :)

[@pankaj2129]

If you logout and login again, then how to retrieve added the cart items again ?

[@mujtabakhan4521]

my mannnnnnnn!!!! thank you so much

[@ChaooCharles]

no problem man 🤝🤝

[@mariusguissou4282]

Good tutorial ! Thanks !!!

[@ChaooCharles]

You are welcome man.

[@justirva]

just wanna ask, why u don't use redux persist for set that cartItem into localStorage

[@אילןלוי-ק9ד]

תבורך מפי עליון!

[@artursradionovs9543]

How safe is it, to keep cart items in local storage on the client side?

[@ChaooCharles]

It's safe, cart items are not critical data like passwords or auth tokens

[@rafaelventura9819]

In my case i'm using NextJS 13 and i have an error: localstorage is not defined. How can i solve it?

[@brightiortsor8019]

const getInitialCartItems = () => {
if (typeof localStorage !== 'undefined' && localStorage.getItem('cartItems')) {
return JSON.parse(localStorage.getItem('cartItems'));
}
return [];
};
const initialState = {
cartItems: getInitialCartItems(),
cartTotalQuantity: 0,
cartTotalAmount: 0,
};

[@E-Karatu]

Thank you so much

[@rudrakshmaheshwari9615]

What if we have a one product page

[@arthurderuelle5975]

local storage introduce a side effect, it is not a good approach to put locale storage in teh reducer.. you have to do this in a middleware

[@grogu4344]

I am saving the initial state of a slice reducer from localstorage. I have no problems. I think it may cause problems if you save data stored locally inside reducer logic. there may be synchronisation problems. What do u think?

[@magamboisaac7602]

thank you for this content

[@ChaooCharles]

You're welcome bro

[@tusharshrivas5798]

can we skip async thunk 7 lecture

[@dailyWalker1]

When I write local storage it shows undefined.
Do you have any whats app number so I can send you the photos?

[@ChaooCharles]

Email me [e-mail]