diff --git a/src/data/roadmaps/react/content/jotai@yI6XiNW04EL78UL4lkVgd.md b/src/data/roadmaps/react/content/jotai@yI6XiNW04EL78UL4lkVgd.md index e4c3c3cb3..aa11a19d1 100644 --- a/src/data/roadmaps/react/content/jotai@yI6XiNW04EL78UL4lkVgd.md +++ b/src/data/roadmaps/react/content/jotai@yI6XiNW04EL78UL4lkVgd.md @@ -1 +1,12 @@ -# Jotai \ No newline at end of file +# Jotai + +Jotai takes an atomic approach to global React state management. + +Build state by combining atoms and renders are automatically optimized based on atom dependency. This solves the extra re-render issue of React context, eliminates the need for memoization, and provides a similar developer experience to signals while maintaining a declarative programming model. + +It scales from a simple useState replacement to an enterprise TypeScript application with complex requirements. Plus there are plenty of utilities and extensions to help you along the way! + +- [@official@Official Website: Jotai](https://jotai.org/) +- [@video@Jotai React - Better Global State Management](https://www.youtube.com/watch?v=ZcKzPZN7Ids) +- [@article@State Management on React - Jotai](https://dev.to/kevin-uehara/state-management-on-react-part-3-jotai-i7f) +- \ No newline at end of file diff --git a/src/data/roadmaps/react/content/mobx@1kbrCI5JS0c9wbzxXpgFU.md b/src/data/roadmaps/react/content/mobx@1kbrCI5JS0c9wbzxXpgFU.md index ba197ae4b..3f5f5d8fa 100644 --- a/src/data/roadmaps/react/content/mobx@1kbrCI5JS0c9wbzxXpgFU.md +++ b/src/data/roadmaps/react/content/mobx@1kbrCI5JS0c9wbzxXpgFU.md @@ -1 +1,8 @@ -# MobX \ No newline at end of file +# MobX + +MobX is a powerful and intuitive state management library that enhances application scalability and simplicity through its use of functional reactive programming. The core philosophy of MobX is rooted in straightforwardness and efficiency. Developers can write minimalistic, boilerplate-free code that clearly expresses their intentions. For instance, updating a record field is as simple as performing a standard JavaScript assignment, with MobX automatically detecting changes and propagating them throughout the application. This eliminates the need for specialized tools in asynchronous data processes. + +- [@official@Official Website: MobX](https://mobx.js.org/) +- [@video@Mobx React - State Management](https://www.youtube.com/watch?v=AgcaGGkYy_8) +- [@video@MobX Tutorial with React and Typescript](https://www.youtube.com/watch?v=ElgfQdq-Htk) +- [@article@How to Improve State Management in React with MobX](https://medium.com/whitespectre/how-to-improve-state-management-in-react-with-mobx-568808ff86a4)