Modern Web Development on the JAMstack を読んでまとめた

https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf

Netlify社が2019年に公開した本？PDFです。

せっかくJamstackの会社に入ったので、読んでおかないといけない気がして。

あとJamstackは人によって解釈が違ったりするとし、Jamstackの真髄について知っておきたいですよね？と思い。

ただこれなんと127ページもあるんですよね〜。
全編もちろん英語なので、読むのも中々に大変ですよね〜。

てなわけで、ざっくり訳してまとめまておきました。（それでも長いけど）

静的サイトジェネレータ、もといMPA向けbetter webpackとしてのNext.js

（SSR不要論者のはしくれとして）今までこれっぽっちも気にしてなかった、あのNext.jsです。
ここでいうSSRは、クライアントのリクエストに応じてSSRしてレスポンスを返すこと。

ただ最近仕事で使ったり、副業でも使ってたりする機会があって、一部認識を改めたところがあるのでそれをメモっておく。

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