Как разделить состояние между компонентами Stencil JS

Question

Я хотел бы поделиться состоянием между моими компонентами JS. Поэтому я ознакомился с реализацией Redux, которую они продвигают на своем сайте API . Он делает что-то вроде

@Prop({ context: "store" }) store: Store;

Но теперь я просто красный BREAKING_CHANGES , который описал, что использование context устарело. Мне действительно понравилось использовать context, но если это устарело, как я могу поделиться состоянием между моими компонентами. Я не очень-то с нетерпением жду передачи всего от родителя к ребенку в et c.

Answer 1

API context, даже если он устарел, все равно будет работать, по крайней мере, до обновления пакета @stencil/redux.

Если вы ищете простую альтернативу для глобального состояния, вам следует взгляните на @stencil/store (https://github.com/manucorporat/stencil-store/tree/master/packages/stencil-store). Он позволяет вам создать магазин с createStore(initalState) и возвращает ссылку state, которую вы можете просто импортировать и ссылаться в своем компоненте. При изменении состояния магазина библиотека позаботится о запуске обновления вашего компонента.