Introduction

Thinking about state management in react & its sisters, it's generally hard to manage the state with different kinds of situations in mind.

Doubts while managing state

• Is it feasible to use this state as global?

• How do access the state in a clean & readable way?

• What happens to the component tree when the parent's state changes?

• What is the best way to update the state efficiently?

• How can the files be structured to achieve the maximum understanding of the codebase & state at the same time?

Well, if you have ever experienced the react ecosystem, perhaps you already encountered at least one of the questions in the thought process of writing your application.

To get answers, it's suggested to use the state management functionality of the library.

Philosophy

Following the philosophy below, the library is architecture to suit the needs of virtually every scenario out there.

Given the ability to break the application's state into smaller chunks called stores, components can access only the required ones to help them achieve max. efficiency & neatness with the use of react hooks.

Store

The store is the most fundamental concept in terms of state management in CRT. Similar to other state management libraries, it holds the provided value as a state. Here's an illustration explaining the store:

Working of a store