AP
Size: a a a
2021 October 03
ab
Так я так и делаю
ab
Я просто высказываю мнение, что не совсем понимаю, как поддерживать такой код на длинной дистанции
ab
Когда в приложении уже идет оперирования сотнями атомарных сущностей
ab
Но это лишь мое мнение
A
Передача состояния наверх потомок -> предок 👌🏻но можно и без сторов, если состояние в ребёнке не глобальное…
<Parent bind:childState={triger}>
$: triger && parentFunc()
// Child
export let childState
<Parent bind:childState={triger}>
$: triger && parentFunc()
// Child
export let childState
A
Есть вариант состояние ребёнка наверх передавать даже в эвенте:
// Parent
<Child on:childState={parentFunc}>
// Child
<elem on:some={() => dispatch(childState)}>
$: stateTriger && dispatch(childState)
func() {
const trigerState = 0
trigerState > 0 && dispatch(childState, neededProps)
}
Подробнее тут https://ru.svelte.dev/docs#createEventDispatcher
// Parent
<Child on:childState={parentFunc}>
// Child
<elem on:some={() => dispatch(childState)}>
$: stateTriger && dispatch(childState)
func() {
const trigerState = 0
trigerState > 0 && dispatch(childState, neededProps)
}
Подробнее тут https://ru.svelte.dev/docs#createEventDispatcher
СЧ
В хелпе миксины:
+if(...)
then
+elseif(...)
+if(...)
then
+elseif(...)
PM
Ивент из дочернего или коллбек из родительского прокинуть. Стор и даже контекст ни к чему в однословных отношениях.
PM
Примерно понятно. Буду у компа, напишу почему так.
PM
Потому что через console.log выводится текущее значение переменной, реактивность вообще старабывает потом в микротаске, а апдейт в DOM имеет свои 3-и условия
PM
По хорошему тебе надо написать кастомный стор для этого. Можно скомбинировать writable и derived сторы и реализовать это поведение внутри
a
Выведи в консоль значение через json.stringify и удивишься
ga
Может быть кто-нибудь подскажет что за проблема. Сгенерировал простой skeletone проект для SvelteKit-а. Добавляю в package.json три пакета
Больше ничего не трогаю. Если запустить в dev режиме то все окей, если сделать
То получаю ошибку:
@apollo/client, @apollo/link-error и graphql. Добавляю одну строчку в /src/routes/todos/index.json.ts: import { gql } from '@apollo/client/core';Больше ничего не трогаю. Если запустить в dev режиме то все окей, если сделать
npm run build
npm run preview
То получаю ошибку:
> Directory import '/home/grey/prjs/node_modules/@apollo/client/core' is not supported resolving ES modules imported from /home/grey/prjs/.svelte-kit/output/server/app.js
Did you mean to import @apollo/client/core/core.cjs.js?
ga
но так
import { gql } from '@apollo/client/core/core.cjs.js'; тоже самое получаетсяga
все пакеты обновляю до последней версии
ncu -uga
конечно, если пойти в .svelte-kit/output/server/app.js и руками поправить на `import "@apollo/client/core/core.cjs.js";`тогда все ок. Я так понимаю, что это какая-то проблема в сборке. Но я не понимаю как sveltekit собирается и чем делается build. rollup-ом? Где может поковырять вообще?
a
вроде Vite – сборщик внутри
ga
нашел issue открытый с данной проблемой:
https://github.com/apollographql/apollo-client/issues/8218
https://github.com/apollographql/apollo-client/issues/8218