Saltar al contenido principal

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)
})
}