OVERMIND
v23
v23
  • Overmind
  • Introduction
  • Quickstart
  • How to learn
  • Videos
  • FAQ
  • Core
    • Devtools
    • Configuration
    • State
    • Actions
    • Effects
    • Operators
    • Statecharts
    • Server Side Rendering
    • Typescript
  • views
    • React
    • Angular
    • Vue
  • Addons
    • GraphQL
  • Guides
    • Connecting components
    • Connecting to React Native
    • Managing lists
    • State first routing
    • Move to Typescript
    • Testing
  • API
    • action
    • addFlushListener
    • addMutationListener
    • createOvermind
    • createOvermindMock
    • createOvermindSSR
    • derive
    • effects
    • events
    • json
    • lazy
    • merge
    • namespaced
    • onInitialize
    • operators
    • reaction
    • rehydrate
    • statecharts
Powered by GitBook
On this page

Quickstart

PreviousIntroductionNextHow to learn

Last updated 5 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

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