Making Food Ordering App - MobX vs Redux Comparison

📘New Course: Build full-stack React Typescript applications tsreact.maksimivanov.com/s/ytd
We'll make a fast-food ordering form using React and then rewrite it using Mobx and Redux. Let's compare both libraries.
Discord: / discord
Free React Testing Checklist: eepurl.com/c_8tzP
MobX Code: github.com/satansdeer/react-r...
Redux Code: github.com/satansdeer/react-r...

[@WillianJustenCursos]

What a coincidence man, I was looking a video to a friend of mine about MobX and just found your video!
And man, what an amazing video! So professional! Keep rocking man!
I hope you're well in Sweden ^^

[@satansdeer1]

Wow man, thanks! Yeah, I'm very happy here :-)

[@luizalberto4755]

Nunca imaginei te encontrar aqui... Gosto bastante do conteúdo que você compartilha com a comunidade, obrigado!

[@user-ub7xo3qz2b]

Great video as always, Maksim. I really like that you use semantic markup, too. A lot of dev youtubers fail to do this.

[@satansdeer1]

Thanks James

[@ericzorn3735]

Great tutorials as always. I personally have only used redux toolkit on my smaller side projects and use the original redux and thunk configuration at work. Just a heads up, you can use the createAsyncThunk function from toolkit. You then can perform any logic in the callback. If the callback’s return promise rejects, this can be caught by redux. You can then dynamically set extra reducers in your slice by using the fullfilled, rejected, and fetching (might be wrong on this property) keys in your reducer. Each one will automatically get called when the thunk is dispatched

[@satansdeer1]

Thanks for great advice!

[@inversebrah]

great video 👍

[@vitaliygaliy6445]

Hi Maksim! Do you use mobx-state-tree in your applications?

[@shabzkhan1470]

Apart from mobx vs redux, you covered hooks too. Nice one!

[@krige]

I have little experience with Redux and no experience with MobX: MobX looks very much simpler to reason on and requires a lot less boilerplate code

[@sunstrike8943]

Hello everyone what is .d.ts I don't understand .d mean in react+typescripts kindly explain me

[@iSyr0n]

It is a typescript definition file. In other words, a file that contains typescript definitions (types, interfaces, and so on).

[@user-kr6lp7rm5y]

OrderStore использует ProductsStore, а если при этом ещё ProductsStore использует OrderStore. Как быть в этой ситуации?

[@satansdeer1]

Гена Петров это кольцевая зависимость, так быть не должно, надо распутывать

[@yahubbrain7693]

Хороший контент, Максим, отличная подача. Почему снимаешь на английском?

[@satansdeer1]

Привет, Живу в европе, поэтому хочу прокачивать личный бренд на английском

[@adhityasanjaya1593]

cepet banget bang, ane pusying....

[@user-kr6lp7rm5y]

Предпочитаю использовать easy-peasy вместо redux toolkit

[@satansdeer1]

Зачекаю, а чем лучше?

[@user-kr6lp7rm5y]

@@satansdeer1 например, не нужно типизировать хуки при использовании useStoreDispatch, есть computed property и тд.

[@satansdeer1]

Ништяк, спасибо

[@ericzorn3735]

redux-toolkit.js.org/usage/usage-with-typescript
Here is the link above ^

[@rendomone]

Why mobx is called easier than redux and here its like 60% video mobx and 40% redux. I dont see how mobx is easier to learn than redux.

[@JoshuaKisb]

lol. very funny 🤡