docs(website): make state usage more clear

Author: christianalfoni

packages/overmind-website/examples/guide/definingstate/bringtogether.ts

@@ -0,0 +1,48 @@
+export default (ts) =>
+  ts
+    ? [
+        {
+          fileName: 'overmind/index.ts',
+          code: `
+import { state } from './state'
+
+export const config = {
+  state
+}
+
+declare module 'overmind' {
+  interface Config extends IConfig<typeof config> {}
+}
+  `,
+        },
+        {
+          fileName: 'index.ts',
+          code: `
+import { createOvermind } from 'overmind'
+import { config } from './overmind'
+
+const overmind = createOvermind(config)
+  `,
+        },
+      ]
+    : [
+        {
+          fileName: 'overmind/index.js',
+          code: `
+import { state } from './state'
+
+export const config = {
+  state
+}
+`,
+        },
+        {
+          fileName: 'index.ts',
+          code: `
+import { createOvermind } from 'overmind'
+import { config } from './overmind'
+
+const overmind = createOvermind(config)
+`,
+        },
+      ]

packages/overmind-website/examples/guide/structuringtheapp/actions.ts

@@ -6,7 +6,11 @@ export default (ts, view) =>
           code: `
 import { Action } from 'overmind'
 
-export const handleError: Action = () => {}
+export const handleError: Action = ({ state }) => {
+  // All actions can access all state
+  state.posts
+  state.admin
+}
 `,
         },
         {
@@ -37,7 +41,11 @@ export const changeUserAccess: AsyncAction = async () => {}
         {
           fileName: 'overmind/posts/internalActions.js',
           code: `
-export const handleError = () => {}
+export const handleError = ({ state }) => {
+  // All actions can access all state
+  state.posts
+  state.admin
+}
 `,
         },
         {

packages/overmind-website/guides/beginner/02_definingstate.md

@@ -125,10 +125,10 @@ h(Example, { name: "guide/definingstate/define" })
 h(TypescriptNotice, null, "Is is important that you define your state with a **type**, do **NOT** use an **interface**")
 ```
 
-As your application grows you will most likely move parts of the state to their own namespaces. An example of that could be:
+To expose the state on the instance you can follow this recommended pattern:
 
 ```marksy
-h(Example, { name: "guide/definingstate/namespaces" })
+h(Example, { name: "guide/definingstate/bringtogether" })
 ```
 
 ## Summary