events.js

import { createStore, createEvent } from 'effector'

// Create events
const inputChanged = createEvent('Input changed')
const todoAdded = createEvent('Todo added')
const todoRemoved = createEvent('Todo removed')
const todoToggled = createEvent('Todo toggled')

const $todo = createStore('')
const $todos = createStore([])

const $todosCount = $todos.map(todos => todos.length)
const $completedTodos = $todos.map(todos => todos.filter(todo => todo.completed))

// Stores have .on method
// store.on(event, (state, payload) => newState)
$todo
  .on(inputChanged, (state, value) => value)
  .on(todoAdded, () => '')

$todos
  .on(todoAdded, (todos, { text }) => [...todos, ({ text, completed: false })])
  .on(todoRemoved, (todos, idx) => todos.filter((_, curIdx) => curIdx !== idx))
  .on(todoToggled, (todos, idx) => {
    return todos.map((todo, curIdx) => {
      if (curIdx === idx) {
        return { ...todo, completed: !todo.completed }
      } else {
        return todo
      }
    })
  })

Can you explain where {text} comes from on line 22?