GitBook: [master] 3 pages modified

Author: christianalfoni

computed-values.md

@@ -1,6 +1,6 @@
 # Computed values
 
-Sometimes you want to computed a value based on some input and the current state of the application. That is why we have the concept of a **computed**.
+Sometimes you want to compute a value based on some input and the current state of the application. That is why we have the concept of a **computed**.
 
 {% code-tabs %}
 {% code-tabs-item title="app/computed.js" %}
@@ -24,7 +24,7 @@ import { computed } from 'overmind'
 import { State } from './state'
 
 export type UsersListConfig {
-  isAweome: boolean
+  isAwesome: boolean
   sortField: string
   startIndex: number
   endIndex: number
@@ -79,3 +79,5 @@ export default {
 
 You use a computed by calling it and giving it an argument, like **config** in this example.
 
+Comuted values are also tracked by the devtools and shows up in the devtools state overview with details about the current value, how many times it has executed and cache information.
+

get-started.md

@@ -83,7 +83,7 @@ export default state
 ```javascript
 export default action => ({
   changeTitle: action()
-    .map(event => event.target.value)
+    .map((_, event) => event.target.value)
     .mutation((state, title) => state.title = title)
 })
 ```

reactions.md

@@ -15,7 +15,7 @@ const app = new App({
   },
   reactions: (reaction, action) => {
     const storeFooInStorage = action()
-      .do((_, { storage, state }) => storage.set('foo', state.foo))
+      .do(({ storage, state }) => storage.set('foo', state.foo))
 
     return {
       storeFoo: reaction(state => state.foo, storeFooInStorage)
@@ -30,7 +30,7 @@ What to take notice of is that if the returned state of the reaction was an arra
 
 ### Component reactions
 
-Component reactions differ in the sense that they only live through the component lifecycle. They are unregistered when the component unmounts. Also you are likely to not use the actions passed to the second callback.
+Component reactions differ in the sense that they only live through the component lifecycle. They are unregistered when the component unmounts. Also you do not pass it an action, but a regular callback to run when the reaction triggers.
 
 {% tabs %}
 {% tab title="React" %}
@@ -41,7 +41,7 @@ import { connect } from '../app'
 class MyComponent extends React.Component {
   componentDidMount () {
     this.props.app.reaction(
-      'focusInputOnFooChange',
+      'focusInput',
       state => state.foo,
       () => this.input.focus()
     )