Clojurians Log v2

Jotai is great and also https://github.com/pmndrs/zustand from the same developer https://jotai.org/docs/basics/comparison#how-is-jotai-different-from-zustand

can confirm, i’ve been using Jotai in a few places and it’s good & has a great react integration

I'm struggling to make a playground demo of jotai: https://squint-cljs.github.io/squint/?repl=true&src=KHJlcXVpcmUgJ1sicmVhY3QiIDphcyByZWFjdF0pCihyZXF1aXJlICdbInJlYWN0LWRvbSIgOmFzIHJkb21dKQoocmVxdWlyZSAnWyJodHRwczovL2VzbS5zaC9qb3RhaSIgOmFzIGpvdGFpIDpyZWZlciBbYXRvbSB1c2VBdG9tXV0pCgooZGVmIGFuaW1lLWF0bSAoam90YWkvYXRvbQogICAgICAgICAgICAgICAgIFt7OnRpdGxlICJHaG9zdCBpbiB0aGUgU2hlbGwiCiAgICAgICAgICAgICAgICAgICA6eWVhciAxOTk1CiAgICAgICAgICAgICAgICAgICA6d2F0Y2hlZCB0cnVlfQogICAgICAgICAgICAgICAgICB7OnRpdGxlICJTZXJpYWwgRXhwZXJpbWVudHMgTGFpbiIKICAgICAgICAgICAgICAgICAgIDp5ZWFyIDE5OTgKICAgICAgICAgICAgICAgICAgIDp3YXRjaGVkIGZhbHNlfV0pKQoKKGRlZm4gQXBwIFtdCiAgI2pzeAogIFtqb3RhaS9Qcm92aWRlcgogICAobGV0IFtbYW5pbWUgc2V0QW5pbWVdICh1c2VBdG9tIGFuaW1lLWF0bSldCiAgICAgI18oanMvY29uc29sZS5sb2cgOmFuaW1lIGFuaW1lKSAKICAgICNqc3ggWzpkaXYKICAgICAgICAgICNfWzp1bAogICAgICAgICAgICAgKGZvciBbaXRlbSBhbmltZV0KICAgICAgICAgICAgICAgI2pzeCBbOmxpIHs6a2V5ICg6dGl0bGUgaXRlbSl9CiAgICAgICAgICAgICAgICAgICAgICg6dGl0bGUgaXRlbSldKV0KICAgICAgICAgICNfWzpidXR0b24gezpvbi1jbGljayAjKHN3YXAhIGFuaW1lIGNvbmoKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7OnRpdGxlICJDb3dib3kgQmVib3AiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDp5ZWFyIDE5OTgKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOndhdGNoZWQgZmFsc2V9KX0KICAgICAgICAgICAgICJBZGQgQ293Ym95IEJlYm9wIl1dKV0pCgooZGVmb25jZSBlbHQgKGRvdG8gKGpzL2RvY3VtZW50LmNyZWF0ZUVsZW1lbnQgImRpdiIpCiAgICAgICAgICAgICAgIChqcy9kb2N1bWVudC5ib2R5LnByZXBlbmQpKSkKCihyZG9tL3JlbmRlciAjanN4CiAgW3JlYWN0L1N0cmljdE1vZGUKICAgW0FwcF1dCiAgZWx0KQ%3D%3D

well, at least I'm getting the same error locally

with a normal project

got it working now with a normal project

jotai/Provider only provides context to discrete child components not the component itself

so you need to add a bit of extra nesting

the issue was probably that jotai only works with a specific react version (17 or so)

but i think in your example you might not even need the provider?

I don't know what provider was for, just trying to make stuff work by imitating an example

the idea with the provider is that you don’t use global state but instead isolate state to a react tree (helps with server side rendering etc)

cool. here's the fully working example: https://github.com/squint-cljs/squint/tree/main/examples/jotai