Next.jsで、サーバー・クライアントで一度だけやりたい処理

たとえば`firebase.initializeApp()`とか、特定のライブラリにSSR時には何もしなくてよいことを伝えるAPIとか。

ドキュメントにもコレだ！という部分がなかったので書いておく。

beforeunloadイベントと確認ダイアログ

Changes you made may not be saved.

フォームの入力中とかにページを離脱しようと出るアレのこと。

昔から微妙に使われてるくせに、いまいち挙動が不定でブラウザ差異もあって釈然としない。

最近はどうなってるのか知る必要が出たので、改めて調べた。

• Chrome: 85.0
• Firefox: 80.0
• Safari: 13.1.2

PreactでもMobXを使いたい

正確には、`mobx-react-lite`を使いたい。
そんなときにどうすればいいか。

そしてできることなら`preact/compat`ではなく、素の`preact`でやりたいが・・。

追記: やりたい気持ちが高まったので、自分でそれ用のライブラリを作りました。
つ https://github.com/leader22/mobx-preact-super-lite

Svelteランタイムのコードを読む Part.2

前回の記事でランタイムにおける`svelte`のコアは読んだので、今回は拡張となる機能たちを見ていく。

• `svelte/store`
• `svelte/motion`
• `svelte/transition`
• `svelte/easing`
• `svelte/animate`

これらのネームスペースで`import`できるやつ。

Svelteランタイムのコードを読む Part.1

コンパイラのコードを一通り読んだところなので、ランタイムもついでに読んでおこうかと。