createStore

createStore(defaultState, config?)

Creates a store.

Arguments

  1. defaultState (State): Default state
  2. config (Object): Optional configuration
    • name (String): Name for the store. Babel plugin can set it from the variable name, if not passed explicitly in config.

Returns

Store: New store

Example

import {createEvent, createStore} from 'effector'
const addTodo = createEvent()
const clearTodos = createEvent()
const todos = createStore([])
todos
// Add reducer
.on(addTodo, (state, todo) => [...state, todo])
// Will reset store to default state when clearTodos is fired
.reset(clearTodos)
// Create derived store
const selectedTodos = todos.map(todos => {
return todos.filter(todo => !!todo.selected)
})
// Handle side effects
todos.watch(state => {
console.log(state)
})

Try it

Last updated on