Mobx React - State Management Alternative to Redux

[@MonsterlessonsAcademy]

WATCH NEXT: React Interview Questions and Answers - Dominate Your Next Interview - kzbin.info/www/bejne/r4Kro2elpd-ShJIsi=51b2XP_84GH3q6oF

[@MrRafaellbc]

Very nice, straight to the point tutorial. Thank you!

[@MonsterlessonsAcademy]

You are welcome!

[@giorgiinjgia6401]

06:16 I didn't get why store re-creation renders the component

[@toanta4838]

because of setInputValue()

[@TheScottShepard]

I’ve been an Angular dev since the very first AngularJS release. I have taken over a React project. I was really starting to hate React until I discovered MobX. Now I might like React+MobX more than Angular.

[@MonsterlessonsAcademy]

Glad to hear that

[@bwustinbweem]

Use mobx for my job. I hated it at first but now I love it

[@MonsterlessonsAcademy]

It's a good a stable tool!

[@everurstruly]

I wished there was a VSCode theme like the one he uses. Great video btw! love how you explained the concepts rather than just type and read code all through the video

[@MonsterlessonsAcademy]

It is it's gruvbox.

[@seemapatil1225]

short and nice video to understand thanks

[@MonsterlessonsAcademy]

You are welcome

[@giorgikiladze1151]

i actually have a quastion is it common to use mobX with next 13. I am asking because didnt find any tutorial in youtube and also in documentation

[@MonsterlessonsAcademy]

Mobx is much less popular in compsrison to Redux. Nobody prevents you to use it in Next but most tutorial would use Redux.

[@giorgikiladze1151]

thank you it was really helpful

[@MonsterlessonsAcademy]

Glad it helped!

[@piotrekjazz1287]

Do you relly have to use a class inside the store instead of function as everywhere else?

[@MonsterlessonsAcademy]

Yes it is the mobx concept

[@TheScottShepard]

The class is the store. It’s a much better way to organize your code than just a giant state machine. Use discrete classes or classes inside of classes like a “real” object-oriented language would and use TSX just for rendering.

[@benchik100]

very nice!

[@MonsterlessonsAcademy]

Thanks!

[@naveed-h]

What is it exactly that redux can do and mobX can't? Can you give us an example? I don't understand the theocratical statement that redux is more flexible.

[@MonsterlessonsAcademy]

Redux immutable, Mobx not. Redux single state, Mobx not. Redux pure state, Mobx not. Redux updates tracked manually, Mobx not.

[@naveed-h]

@@MonsterlessonsAcademy Thanks for the reply. But these are the design decisions made by the authors of the two libraries. What I want to know is if there is a use case where mobX fails but redux succeeds? Why is redux design choice better and what makes its verbosity and complexity worth it?

[@MonsterlessonsAcademy]

@@naveed-h It is not like one fails and other not. But this design decisions are important to why Redux is easier to scale/support even with Redux verbosity.

[@MichaelScharf]

Why do you think redux is more scalable?

[@ericsuzuki8966]

@naveed-h My first impression with Redux was that it's tedious, but because Redux has a very opinionated structure, I'm guessing it's easier to collaborate on and less error-prone. (Redux code is more verbose and strict in its syntax and structure, therefore less open to interpretation and isn't subjected to each individual developer's preferences). It's scalable for teams for the same reason typescript is scalable, although typescript requires much more effort compared to JavaScript.

[@TadeasF]

viva la observers, comment for the algo! i remember that i saw your video when I was picking which state manager i'll start using. mobx won cuz i am not a software developer but a data engineer, so i maionly build hobby projects with teams that have no other choice than accept my opinionated tooling, hehe. but yeah, i wouldnt start a project with redux or touch it with a 10 foot pole with current state of mobx

[@boycovclub]

Very good, thank you

[@MonsterlessonsAcademy]

Thank you too!

[@sliceem88]

Nice video! Can you compare Context vs MobX??

[@MonsterlessonsAcademy]

Context is low level do it yourself. Mobx is magic box and small amount of code. I prefer either context or redux.

[@sliceem88]

@@MonsterlessonsAcademy tnx, appreciate it. Perfect answer

[@shableep]

@@MonsterlessonsAcademyCan you explain further why you prefer context and redux over MobX?

[@justin.johnson]

​​@@shableepI'm not entirely sure either. Context re-renders the whole tree of one small child button needs to update. Unnecessary re-renders are bad

[@ГенаПетров-н5ы]

"Jotai" - more lightweight state lib base on proxy

[@MonsterlessonsAcademy]

Yeap

[@manee427]

@@MonsterlessonsAcademy What do you personally prefer for project?

[@MonsterlessonsAcademy]

@@manee427 Redux

[@manee427]

@@MonsterlessonsAcademy Thanks

[@justin.johnson]

Mobx > Zustand > Jotai > Redux

[@andTutin]

I liked @ syntax

[@MonsterlessonsAcademy]

Yeap