🚀🚀
_app делает форк на клиенте
ну да, потому что серверный код использует провайдер, а значит и на клиенте тоже нужен провайдер, поэтому на клиенте тоже форк
Size: a a a
2020 September 17
🚀🚀
ну и в ssg там ещё состояния мержатся
YL
таким образом дальше через scope (то что вернет fork(domain) ты можешь получать значения вычисленных за время работы сценария сторы через scope.getState($store)
🦜
ну да, потому что серверный код использует провайдер, а значит и на клиенте тоже нужен провайдер, поэтому на клиенте тоже форк
зачем? можно же все сделать в сср, а в _app через pageProps придет сериализованный стейт
YL
зачем? можно же все сделать в сср, а в _app через pageProps придет сериализованный стейт
пояснения выше понятны или где-то остаются нюансы?
🚀🚀
зачем? можно же все сделать в сср, а в _app через pageProps придет сериализованный стейт
у тебя в коде будет
import {useStore} from 'effector-react/ssr', а ему необходим провайдер🦜
пояснения выше понятны или где-то остаются нюансы?
за теорию спасибо
🦜
у тебя в коде будет
import {useStore} from 'effector-react/ssr', а ему необходим провайдерпровайдер ок, я про
🚀🚀
ну и в ssg стейт приходит больше одного раза, поэтому там форк реально нужен
YL
то есть ли очень грубо
мы можем виртуализировать поход в магазин
и в allSettled передать ивент положить пакеты с продуктами на стол/пол
заавейтить и дальше у нас уже все продукты раскиданные по полочкам
то есть в случае тестов мы можем проверить что молоко заспавнилось именно на дверце холодильника а не в ящике для овощей и всякое такое
мы можем виртуализировать поход в магазин
и в allSettled передать ивент положить пакеты с продуктами на стол/пол
заавейтить и дальше у нас уже все продукты раскиданные по полочкам
то есть в случае тестов мы можем проверить что молоко заспавнилось именно на дверце холодильника а не в ящике для овощей и всякое такое
🚀🚀
типа открыл страницу, покликал на интерактивные элементы, нажал кнопку — некст тебе прислал ещё один стейт
🚀🚀
поэтому в примере с рематчем там мержат стейты, если обратишь внимание
YL
яснее не стало))
а так стало?
🦜
import { useStore } from 'effector-react/ssr';
export default function App({ Component, pageProps }) {
const scope = useStore(pageProps.store); // тут сериализированный скоуп
return (
<EffectorProvider value={scope}>
<Component {...pageProps} />
</EffectorProvider>
);
}
export default function App({ Component, pageProps }) {
const scope = useStore(pageProps.store); // тут сериализированный скоуп
return (
<EffectorProvider value={scope}>
<Component {...pageProps} />
</EffectorProvider>
);
}
YL
ssg конечно тема посложнее дефолтного сср и тестов
ну нужно хотя бы с чего-то начать)
ну нужно хотя бы с чего-то начать)
🚀🚀
да, кстати
🚀🚀
import { useStore } from 'effector-react/ssr';
export default function App({ Component, pageProps }) {
const scope = useStore(pageProps.store); // тут сериализированный скоуп
return (
<EffectorProvider value={scope}>
<Component {...pageProps} />
</EffectorProvider>
);
}
export default function App({ Component, pageProps }) {
const scope = useStore(pageProps.store); // тут сериализированный скоуп
return (
<EffectorProvider value={scope}>
<Component {...pageProps} />
</EffectorProvider>
);
}
ну ты хотя бы пример что ли открыл бы
🦜
ну ты хотя бы пример что ли открыл бы
я открыл
🦜
и вижу что на клиенте делается форк, а не на сервере
🚀🚀
и как ты себе представляешь useStore с обычным объектом?