OVERMIND
v28
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
On this page

Quickstart

PreviousIntroductionNextHow to learn

Last updated 3 years ago

From the command line install the Overmind package:

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:

export const state = {
  title: 'My App'
}
import { state } from './state'

export const config = {
  state
}
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