ei
Size: a a a
ei
ei
🚀🚀
🚀🚀
🚀🚀
// Modal.js
import {useStore} from 'effector-react'
import {$modalText} from './model'
export function Modal() {
const text = useStore($modalText)
return <div>{text}</div>
}
// babel.config.js
module.exports = () => {
const plugins = []
if (process.env.CLIENT_BUILD) {
plugins.push('effector/babel-plugin')
} else {
plugins.push(['effector/babel-plugin', {reactSsr: true}])
}
return {plugins}
}
// Modal.js in client build
import {useStore} from 'effector-react'
import {$modalText} from './model'
// Modal.js in server build
import {useStore} from 'effector-react/ssr'
import {$modalText} from './model'🚀🚀
// Modal.js
import {useStore} from 'effector-react'
import {$modalText} from './model'
export function Modal() {
const text = useStore($modalText)
return <div>{text}</div>
}
// babel.config.js
module.exports = () => {
const plugins = []
if (process.env.CLIENT_BUILD) {
plugins.push('effector/babel-plugin')
} else {
plugins.push(['effector/babel-plugin', {reactSsr: true}])
}
return {plugins}
}
// Modal.js in client build
import {useStore} from 'effector-react'
import {$modalText} from './model'
// Modal.js in server build
import {useStore} from 'effector-react/ssr'
import {$modalText} from './model'🚀🚀
c
🚀🚀
🚀🚀
🚀🚀
🚀🚀


🚀🚀


🚀🚀

DS
🚀🚀
🚀🚀
🚀🚀

🚀🚀


🚀🚀