Usage

Description

The cervello function allows you to create a new store in an easy way. Just set the initial value (the type will be inferred based on this value) and you have it

Example

TypeScript

// store-example.ts

import { cervello } from '@cervello/react'

type Store = { count: number }

export const {
  store,       // object with reactive changes
  useStore,    // Hook to be used in the components
  reset,       // Function to reset the store 
} = cervello<Store>({ count: 0 })

JavaScript

// store-example.ts

import { cervello } from '@cervello/react'



export const {
  store,       // object with reactive changes
  useStore,    // Hook to be used in the components
  reset,       // Function to reset the store 
} = cervello({ count: 0 })

Options (optional)

Name	Type	Description
afterChange	(storeChange) => void	For side side-effects. Execute a function after a change in the store. It receives the storeChange object with the information about the change.

Example with options

TypeScript

// store-example.ts

import { cervello } from '@cervello/react'
import type { CervelloOptions } from '@cervello/react'


export const {
  store,
  useStore
} = cervello(
  { fullName: '', email: '' },

  {
    // Execute a function after a change in the store (side-effects)
    afterChange: (storeChange) => {
      onSubmit: async (data) => { console.log('[SUBMIT] > data ', { data }) },
    }
  } satisfies CervelloOptions<Store>,
)

JavaScript

// store-example.ts

import { cervello } from '@cervello/react'



export const {
  store,
  useStore
} = cervello(
  { fullName: '', email: '' },

  {
    // Execute a function after a change in the store (side-effects)
    afterChange: (storeChange) => {
      console.log('storeChange', storeChange)
    }
  },
)