Skip to main content

Side-Effects when store change

use

const { store } = cervello({ example: true })
.use(logger)

Description

The use function allows you to implement side effects due to a store change

Example

import { cervello } from '@cervello/react'

const { store } = cervello({
name: 'chempo',
surname: 'gonzalez'
}).use(logger, /* ... */)


const logger: = ({ onChange }): void => {
onChange((store) => {
console.log('[Store-changed] to ==>', store)
})
}

Utility functions provided

const logger = ({ onChange, onPartialChange }) => {
// Listen to all the changes happened in the store
onChange((store) => {
console.log('Store changed to :>>', store)
});

// Listen to the changes happened in the store's attributes provided
onPartialChange(['name'], (store) => {
console.log('Name has changed to:', store.name)
})
}