Welcome to MobX-State-Tree!
Full-featured reactive state management without the boilerplate.
What is MobX-State-Tree?
-MobX-State-Tree (MST) is a batteries included state management library. It only requires one peer dependency, and will provide you with:
+MobX-State-Tree (MST) is a batteries included state management library. It only requires one peer dependency, and will provide you with:
- Centralized stores for your data
- Mutable, but protected data, which means it is easy to work with your data, but safe to modify.
- Serializable and traceable updates. The mutable, protected nature of MobX-State-Tree data means you can generate snapshots and do time-travel debugging. -
- Side effect management, so you don't need to write
useEffecthooks or their equivalents to manage the condequences of data mutations. You can do it all from MST itself.
+ - Side effect management, so you don't need to write
useEffecthooks or their equivalent to manage the consequences of data mutations. You can do it all from MST itself. - Runtime type checking, so you can't accidentally assign the wrong data type to a property
- Static type checking with TypeScript inference from your runtime types - automatically!
- Data normalization - MST has support for references, so you can normalize data across your application code. @@ -83,33 +83,33 @@
// A tweet has a body (which is text) and whether it's read or not
MobX Ecosystem
MobX is one of the most popular Redux alternatives and is used (along with MobX-State-Tree) by companies all over the world, including Netflix, Grow, IBM, DAZN, Baidu, and more.
If you're wondering how MobX-State-Tree is distinct from MobX, you can think of it like this: MobX is a state management "engine", and MobX-State-Tree is a luxury car. MST gives you the structure, tools, and other features to get you where you're going. MST is valuable in a large team but also useful in smaller applications when you expect your code to scale rapidly. And if we compare it to Redux, MST offers better performance with much less boilerplate code than Redux!
-Since MST uses MobX under the hood, MobX-State-Tree has bindings for React, React Native, Vue, Angular, Svelte, and even barebones JavaScript apps.
-You don't need to know how to use MobX in order to use MST. You don't need to know how your car's engine works to be an excellent driver. It helps, but it's not necessary.
+Since MST uses MobX under the hood, MobX-State-Tree works with the MobX bindings for React, React Native, Vue, Angular, Svelte, and even barebones JavaScript apps.
+You don't need to know how to use MobX in order to use MST. Just like you don't need to know how your car's engine works to be an excellent driver. It can help, but it's not necessary.
Next Steps
- Learn how to install MobX-State-Tree or jump straight to our Getting Started guide! diff --git a/intro/welcome/index.html b/intro/welcome/index.html index d44ad55c8..5d99569b8 100644 --- a/intro/welcome/index.html +++ b/intro/welcome/index.html @@ -65,12 +65,12 @@
Welcome to MobX-State-Tree!
Full-featured reactive state management without the boilerplate.
What is MobX-State-Tree?
-MobX-State-Tree (MST) is a batteries included state management library. It only requires one peer dependency, and will provide you with:
+MobX-State-Tree (MST) is a batteries included state management library. It only requires one peer dependency, and will provide you with:
- Centralized stores for your data
- Mutable, but protected data, which means it is easy to work with your data, but safe to modify.
- Serializable and traceable updates. The mutable, protected nature of MobX-State-Tree data means you can generate snapshots and do time-travel debugging. -
- Side effect management, so you don't need to write
useEffecthooks or their equivalents to manage the condequences of data mutations. You can do it all from MST itself.
+ - Side effect management, so you don't need to write
useEffecthooks or their equivalent to manage the consequences of data mutations. You can do it all from MST itself. - Runtime type checking, so you can't accidentally assign the wrong data type to a property
- Static type checking with TypeScript inference from your runtime types - automatically!
- Data normalization - MST has support for references, so you can normalize data across your application code. @@ -83,33 +83,33 @@
// A tweet has a body (which is text) and whether it's read or not
MobX Ecosystem
MobX is one of the most popular Redux alternatives and is used (along with MobX-State-Tree) by companies all over the world, including Netflix, Grow, IBM, DAZN, Baidu, and more.
If you're wondering how MobX-State-Tree is distinct from MobX, you can think of it like this: MobX is a state management "engine", and MobX-State-Tree is a luxury car. MST gives you the structure, tools, and other features to get you where you're going. MST is valuable in a large team but also useful in smaller applications when you expect your code to scale rapidly. And if we compare it to Redux, MST offers better performance with much less boilerplate code than Redux!
-Since MST uses MobX under the hood, MobX-State-Tree has bindings for React, React Native, Vue, Angular, Svelte, and even barebones JavaScript apps.
-You don't need to know how to use MobX in order to use MST. You don't need to know how your car's engine works to be an excellent driver. It helps, but it's not necessary.
+Since MST uses MobX under the hood, MobX-State-Tree works with the MobX bindings for React, React Native, Vue, Angular, Svelte, and even barebones JavaScript apps.
+You don't need to know how to use MobX in order to use MST. Just like you don't need to know how your car's engine works to be an excellent driver. It can help, but it's not necessary.
Next Steps
- Learn how to install MobX-State-Tree or jump straight to our Getting Started guide!