GitBook: [v26] 45 pages modified

Author: christianalfoni

README.md

@@ -6,7 +6,7 @@ description: frictionless state management
 
 > Web application development is about **defining**, **changing** and **consuming state** to produce a user experience. Overmind aims for a developer experience where that is all you focus on, reducing the orchestration of state management to a minimum. Making you a **happier** and more **productive** developer!
 
-{% embed url="https://overmindjs.changefeed.app/general/v22.0.0" %}
+{% embed url="https://overmindjs.changefeed.app/general/v26" %}
 
 ## APPLICATION INSIGHT
 
@@ -16,7 +16,7 @@ Develop the application state, effects and actions without leaving [VS Code](htt
 
 ## A SINGLE STATE TREE
 
-Building your application with a single state tree is the most straight forward mental model. You get a complete overview, but can still organize the state by namespacing it into domains. The devtools allows you to edit and mock out state.
+Building your application with a single state tree is the most straight forward mental model. You get a complete overview, but can still organize the state by namespacing it into domains. This gives you the benefit of being able to explore all the state of your application from a single point. With Typescript it is even documented. The devtools allows you to edit and mock out state.
 
 ```typescript
 {
@@ -57,7 +57,7 @@ export const loadApp = ({ state, effects }) => {
 
 ## SAFE AND PREDICTABLE CHANGES
 
-When you build applications that perform many state changes things can get out of hand. In Overmind you can only perform state changes from **actions** and all changes are tracked by the development tool.
+When you build applications that perform many state changes things can get out of hand. In Overmind you can only perform state changes from **actions** and all changes are tracked by the development tool. Even effects are tracked and reactions are tracked.
 
 ```javascript
 export const getItems = async ({ state, effects }) => {
@@ -69,7 +69,7 @@ export const getItems = async ({ state, effects }) => {
 
 ## COMPLEXITY TOOLS
 
-Even though Overmind can create applications with only plain **state** and **actions**, you can use **opt-in** tools like **functional operators**, **statecharts, statemachines** and state values defined as a **class,** to manage complexities of your application.
+Even though Overmind can create applications with plain **state** and **actions**, you can use **opt-in** tools like **functional operators**,**, statemachines** and state values defined as a **class,** to manage complexities of your application.
 
 {% tabs %}
 {% tab title="Operators" %}
@@ -89,54 +89,18 @@ export const search = pipe(
 ```
 {% endtab %}
 
-{% tab title="Statechart" %}
-```javascript
-const loginChart = {
-  initial: 'LOGIN',
-  states: {
-    LOGIN: {
-      on: {
-        changeUsername: null,
-        changePassword: null,
-        login: 'AUTHENTICATING'
-      }
-    },
-    AUTHENTICATING: {
-      on: {
-        resolveUser: 'AUTHENTICATED',
-        rejectUser: 'ERROR'
-      }
-    },
-    AUTHENTICATED: {
-      on: {
-        logout: 'LOGIN'
-      }
-    },
-    ERROR: {
-      on: {
-        tryAgain: 'LOGIN'
-      }
-    }
-  }
-}
-```
-{% endtab %}
-
 {% tab title="Statemachines" %}
 ```typescript
-export const state = {
-  mode: statemachine({
-    initial: 'unauthenticated',
-    states: {
-      unauthenticated: ['authenticating'],
-      authenticating: ['unauthenticated', 'authenticated'],
-      authenticated: ['unauthenticating'],
-      unauthenticating: ['unauthenticated', 'authenticated']
-    }
-  }),
+export const state = statemachine({
+  unauthenticated: ['authenticating'],
+  authenticating: ['unauthenticated', 'authenticated'],
+  authenticated: ['unauthenticating'],
+  unauthenticating: ['unauthenticated', 'authenticated']
+}, {
+  state: 'unauthenticated',
   user: null,
   error: null
-}
+})
 ```
 {% endtab %}
 

SUMMARY.md

@@ -15,7 +15,6 @@
 * [Actions](core/writing-application-logic.md)
 * [Effects](core/running-side-effects.md)
 * [Operators](core/going-functional.md)
-* [Statecharts](core/statecharts.md)
 * [Server Side Rendering](core/server-side-rendering.md)
 * [Typescript](core/typescript.md)
 
@@ -24,19 +23,22 @@
 * [React](views/react.md)
 * [Angular](views/angular.md)
 * [Vue](views/vue.md)
+* [Svelte](views/svelte.md)
 
 ## Addons
 
 * [GraphQL](addons/graphql.md)
+* [Statechart](addons/statecharts.md)
 
 ## Guides <a id="guides-1"></a>
 
+* [Using state machines](guides-1/using-state-machines.md)
 * [Connecting components](guides-1/connecting-components.md)
-* [Connecting to React Native](https://dev.to/brasilikum/how-to-setup-overmind-with-react-native-expo-optional-4mk5)
 * [Managing lists](guides-1/managing-lists.md)
 * [State first routing](guides-1/state-first-routing.md)
 * [Move to Typescript](guides-1/move-to-typescript.md)
 * [Testing](guides-1/testing.md)
+* [Connecting to React Native](https://dev.to/brasilikum/how-to-setup-overmind-with-react-native-expo-optional-4mk5)
 
 ## API <a id="api-1"></a>
 
@@ -46,8 +48,9 @@
 * [createOvermind](api-1/createovermind.md)
 * [createOvermindMock](api-1/createovermindmock.md)
 * [createOvermindSSR](api-1/createovermindssr.md)
-* [derive](api-1/derive.md)
+* [derived](api-1/derive.md)
 * [effects](api-1/effects.md)
+* [events](api-1/events.md)
 * [json](api-1/json.md)
 * [lazy](api-1/lazy.md)
 * [merge](api-1/merge.md)
@@ -56,5 +59,5 @@
 * [operators](api-1/operators.md)
 * [reaction](api-1/reaction.md)
 * [rehydrate](api-1/rehydrate.md)
-* [statecharts](api-1/statecharts.md)
+* [statemachine](api-1/statemachine.md)