From 278d74024b4a992f8b4df8e87dbf77c6961f76af Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Sat, 13 Aug 2022 02:10:42 +0400 Subject: [PATCH] Add state management content --- .../107-state-management/100-conext-state.md | 9 ++++++++- .../107-state-management/101-redux.md | 10 +++++++++- .../107-state-management/102-mobx.md | 9 ++++++++- .../102-react-ecosystem/107-state-management/readme.md | 7 ++++++- 4 files changed, 31 insertions(+), 4 deletions(-) diff --git a/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/100-conext-state.md b/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/100-conext-state.md index 6387acf52..76531174a 100644 --- a/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/100-conext-state.md +++ b/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/100-conext-state.md @@ -1 +1,8 @@ -# Conext state \ No newline at end of file +# Context + +Context provides a way to pass data through the component tree without having to pass props down manually at every level. + +In a typical React application, data is passed top-down (parent to child) via props, but such usage can be cumbersome for certain types of props (e.g. locale preference, UI theme) that are required by many components within an application. Context provides a way to share values like these between components without having to explicitly pass a prop through every level of the tree. + +Free Content +Official React Context Docs diff --git a/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/101-redux.md b/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/101-redux.md index 8e47cde66..673e1ed90 100644 --- a/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/101-redux.md +++ b/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/101-redux.md @@ -1 +1,9 @@ -# Redux \ No newline at end of file +# Redux + +Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as [live code editing combined with a time traveling debugger](https://github.com/reduxjs/redux-devtools). + +Free Content +Official Website +Official Getting Started to Redux +Official Tutorial to Learn Redux +Fundamentals of Redux Course from Dan Abramov diff --git a/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/102-mobx.md b/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/102-mobx.md index 9b7bfd0f9..55e9ca1c2 100644 --- a/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/102-mobx.md +++ b/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/102-mobx.md @@ -1 +1,8 @@ -# Mobx \ No newline at end of file +# MobX + +MobX is an open source state management tool. MobX, a simple, scalable, and standalone state management library, follows functional reactive programming (FRP) implementation and prevents inconsistent state by ensuring that all derivations are performed automatically. + +Free Content + +MobX Official Website +Intro to MobX Tutorial diff --git a/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/readme.md b/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/readme.md index c9ab9d07b..9a03c3eb3 100644 --- a/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/readme.md +++ b/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/readme.md @@ -1 +1,6 @@ -# State management \ No newline at end of file +# State Management + +Application state management is the process of maintaining knowledge of an application's inputs across multiple related data flows that form a complete business transaction -- or a session -- to understand the condition of the app at any given moment. In computer science, an input is information put into the program by the user and state refers to the condition of an application according to its stored inputs -- saved as variables or constants. State can also be described as the collection of preserved information that forms a complete session. + +Free Content +What is State Management?