<p><span class="embed-block zenn-embedded zenn-embedded-tweet"><iframe id="zenn-embedded__d07e273f828" src="https://embed.zenn.studio/tweet#zenn-embedded__d07e273f828" data-content="https%3A%2F%2Ftwitter.com%2Fdai_shi%2Fstatus%2F1558093027024875520" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://twitter.com/dai_shi/status/1558093027024875520" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://twitter.com/dai_shi/status/1558093027024875520</a></p>
<p>Jotaiのリポジトリには、<code>atomWithHash</code>という機能があるのですが、location.hashにしか使えないので(hashchangeイベントに依存)、多少物足りなさがありました。location.pathnameやlocation.searchと同期する<code>atomWithLocation</code>を作りました。window.locationは変更イベントが取れないので同じことは難しいのですが、これを単体で使っている分には使えると思います。</p>
<h2 id="%E3%83%87%E3%83%A21">
<a class="header-anchor-link" href="#%E3%83%87%E3%83%A21" aria-hidden="true"></a> デモ1</h2>
<span class="embed-block embed-codesandbox"><iframe src="https://codesandbox.io/embed/github/jotaijs/jotai-location/tree/main/examples?fontsize=14&amp;hidenavigation=1&amp;theme=dark" style="width:100%;height:500px;border:none;overflow:hidden" allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking" loading="lazy" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe></span>
<h2 id="%E3%83%87%E3%83%A22">
<a class="header-anchor-link" href="#%E3%83%87%E3%83%A22" aria-hidden="true"></a> デモ2</h2>
<span class="embed-block embed-codesandbox"><iframe src="https://codesandbox.io/embed/github/jotaijs/jotai-location/tree/main/examples/02_typescript?fontsize=14&amp;hidenavigation=1&amp;theme=dark" style="width:100%;height:500px;border:none;overflow:hidden" allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking" loading="lazy" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe></span>
<h2 id="jotai-labs">
<a class="header-anchor-link" href="#jotai-labs" aria-hidden="true"></a> Jotai Labs</h2>
<p>Jotai Labsには他にも様々なパッケージがあります。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__728f94524cb23" src="https://embed.zenn.studio/card#zenn-embedded__728f94524cb23" data-content="https%3A%2F%2Fgithub.com%2Fjotaijs" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/jotaijs" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/jotaijs</a></p>
<h2 id="%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86">
<a class="header-anchor-link" href="#%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86" aria-hidden="true"></a> リンク集</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__5dcf8bfe7cd3e" src="https://embed.zenn.studio/card#zenn-embedded__5dcf8bfe7cd3e" data-content="https%3A%2F%2Fjotai.org" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://jotai.org" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://jotai.org</a></p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__82d00f5b200e8" src="https://embed.zenn.studio/card#zenn-embedded__82d00f5b200e8" data-content="https%3A%2F%2Fjotaifriends.dev" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://jotaifriends.dev" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://jotaifriends.dev</a></p>


jotai-locationというパッケージをリリースしました、位置情報じゃなくてwindow.locationの方です

デモ1

デモ2

Jotai Labs

リンク集

Discussion