OVERMIND
API
Discord Chat
Sponsor ♡
GitHub Repo
Search…
v28
Overmind
Introduction
Quickstart
How to learn
Videos
FAQ
Core
Devtools
Configuration
State
Actions
Effects
Operators
Server Side Rendering
Typescript
views
React
Angular
Vue
Svelte
Addons
GraphQL
Statechart
Guides
Using state machines
Using classes
Connecting components
Managing lists
State first routing
Testing
Connecting to React Native
API
action
addFlushListener
addMutationListener
createOvermind
createOvermindMock
createOvermindSSR
derived
effects
events
json
lazy
merge
namespaced
onInitializeOvermind
operators
reaction
rehydrate
statemachine
Powered By
GitBook
Quickstart
From the command line install the Overmind package:
React
Vue
Angular
Svelte
npm install overmind overmind-react
npm install overmind overmind-vue
npm install overmind overmind-angular
npm install overmind overmind-svelte
Setup
Now set up a simple application like this:
overmind/state.js
export
const
state
=
{
title
:
'My App'
}
overmind/index.js
import
{
state
}
from
'./state'
export
const
config
=
{
state
}
index.js
import
{
createOvermind
}
from
'overmind'
import
{
config
}
from
'./overmind'
const
overmind
=
createOvermind
(
config
)
And fire up your application in the browser or whatever environment your user interface is to be consumed in by the users.
Move on with the specific view layer of choice to connect your app:
****
REACT
-
ANGULAR
-
VUE
-
SVELTE
****
Previous
Introduction
Next
How to learn
Last modified
7mo ago
Copy link