Тёмный

MobX in React Tutorial - Scalable State Management 

CodiLime
Подписаться 1,7 тыс.
Просмотров 5 тыс.
50% 1

Опубликовано:

 

2 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 26   
@CodiLime_
@CodiLime_ Год назад
Part 4 is already on our channel! Learn about MobX integration with @tanstack/react-query -> ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-rNuIyo994OY.html&ab_channel=CodiLime
@bhaveshdaswani5776
@bhaveshdaswani5776 2 года назад
when would be part 3 coming
@CodiLime_
@CodiLime_ 2 года назад
It's already here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-lgQXXMhUTgc.html
@abdulhadilababidi5465
@abdulhadilababidi5465 2 года назад
Thanks for the great talk! That was very helpful We rarely see such advanced content in the field of frontend development Keep going, we really need this kind of talks
@pacauzin
@pacauzin 2 года назад
I tryed to reproduce this behavior but seens that the context value is persited out of the box, no need for react-ioc. (using react suspense + lazy + toggling component rendering on view)
@CodiLime_
@CodiLime_ 2 года назад
What behavior did you try to recreate?
@CodiLime_
@CodiLime_ 2 года назад
Here comes part 3 - Advanced DataStore with RxJS. It presents a step-by-step guide to retrieving data from the backend with non-trivial features like cancellation, retrying on error, polling. Check this out: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-lgQXXMhUTgc.html
@darknight9185
@darknight9185 2 года назад
Thanks for the great talk . i am Angular developer, currently i am investing my time in learning React. This implementation is more likely angular by using provider and injector . i recommend for those specially who come from angular world and want to learn React.👍
@xseman
@xseman 2 года назад
thanks for great talk 47:50 I would expect this behavior because you want to clean up the created stores, right? Is the memory also freed or am I wrong?
@CodiLime_
@CodiLime_ 2 года назад
Thanks for your comment! It depends on the requirements you have. When you need to cache the state between different routes, you should lift this store up to level, but if you want to clear the memory and fetch the data again when the user returns to this page, put it at level.
@phoenixultimate8253
@phoenixultimate8253 5 месяцев назад
Thankl you so much for this. I just have a question. Does this also work for Ionic React?
@CodiLime_
@CodiLime_ 5 месяцев назад
We haven't tried react-ioc with Ionic React, but if Ionic allows to use React context, then it should work fine.
@coolmind2476
@coolmind2476 6 месяцев назад
Totally confusing
@pacauzin
@pacauzin 2 года назад
Amazing, have you heard about React-Query? "Performant and powerful data synchronization for React Fetch, cache and update data in your React and React Native applications all without touching any "global state"."
@CodiLime_
@CodiLime_ 2 года назад
ReactQuery is powerful solution for fetching data from server side. You can't manage client-state with that. MobX offers you to manage both server and client states in the same way including cached computed/derived state. In the next episode we are going to show how to re-implement ReactQuery behaviors (retrying queries, cancelling) using MobX and RxJS together.
@lightyagami5963
@lightyagami5963 2 года назад
@@CodiLime_ Nice!!!! I'm cannot wait to see that combo!
@fr-ii7qs
@fr-ii7qs 2 года назад
@@CodiLime_ I can't wait for the part 2!!!!
@lightyagami5963
@lightyagami5963 2 года назад
​@@CodiLime_ part 2 plz.
@fr-ii7qs
@fr-ii7qs 2 года назад
Part 3 please ❤️
@fr-ii7qs
@fr-ii7qs 2 года назад
Would you care to give us the gist of how to effectively do the caching on mobx?
@tetianasitneva3478
@tetianasitneva3478 2 года назад
What about testing components witch use react-ioc and MobX? Should we using some specific approach for them?
@CodiLime_
@CodiLime_ 2 года назад
We are happy to use ReactTestingLibrary for unit and integration testing. All we need is to simulate server responses using the MockServiceWorker library, simulate the browser location and LocalStorage if necessary. Then you don't need to provide any mock services or stores through the react-ioc provider. We didn't write any unit test to give a single store a satisfactory code coverage - we only needed an integration tests.
@ilyasanders4169
@ilyasanders4169 Год назад
incredible! this library is really powerful tool
@fr-ii7qs
@fr-ii7qs 2 года назад
this is the greatest talk on MobX
@richarddyer3701
@richarddyer3701 2 года назад
Amazing, thanks!
@lightyagami5963
@lightyagami5963 2 года назад
That's amazing!!!
Далее
MobX in React Tutorial - Advanced DataStore with RxJS
44:01
MobX | State Management with React JS | 2023
40:25
Просмотров 1,8 тыс.
MobX Tutorial with React and Typescript
35:53
Просмотров 18 тыс.
Context API in react | get the concept
29:00
Просмотров 59 тыс.
The "Wrong Way" To Use React
39:30
Просмотров 112 тыс.
MobX in React Tutorial - the basics
56:49
Просмотров 22 тыс.
Microservices are Technical Debt
31:59
Просмотров 390 тыс.
Learn Better State Management in React with MobX
34:30