Using Signals in Lit

[ardic]

Hello guys and girls, would it be possible to use Signals / Effects / Memos in Lit as in Solid.js to manage the state and to be able to use global states between different web components? Is there any strategy devised for this?

[usergenic]

This playground shows a possible approach to leverage Signals with Lit. It is using the @preact/signals-core package.

https://lit.dev/playground/#gist=660427ac6065bed390c438b0eb5b5036

[drk-mtr]

Interesting :) With bgotink's version I hit a stumbling block, because I don't know how to add the global counter value to the local count value within the component and have the resulting value update when either one of them changes.

[bgotink]

@drk-mtr I've updated the playground link above with an example of how this can be done using the computed function.

[drk-mtr]

Nice, thanks! I have no idea why I didn't try this variation, seems obvious now ha.

[dannyfritz]

What would be the recommended way to use the Signal value in a conditional in the template? playground

[dannyfritz]

Actually, using the SignalWatcher() class version works. Interesting how it uses the open effect() to setup the dependencies.

[e111077]

Update since @usergenic's post, we are working on an official integration:

#4115

Please continue all further feedback and discussion over on that issue