memo @240211＊

Unpic

https://unpic.pics/
いろんなライブラリ、フレームワークに使える画像のコンポーネントライブラリ。
Next.jsを使ってたらnext/imageを使えるけどもそのいろんな環境に使えるバージョン。
RemixにもImageコンポーネントはなかった気がする。素のReact使ってるときも簡単に画像最適化できるし良さそう。

Next.jsのApp Routerを使ってるブログ

https://www.alexchantastic.com/building-a-blog-with-next-and-mdx
https://github.com/leerob/leerob.io

Million 3

https://million.dev/blog/million-3
Million.jsはReactの仮想DOM (Virtual DOM) の概念を採用しつつ、
パフォーマンスと効率性を更に向上させることを目的としたJavaScriptライブラリ。
Reactを使っててパフォーマンスが遅いと感じることはあまりないけれども、
速いに越したことはないとReact内部の仮想DOMの仕組みをより良くしたもの。

// Normally, React SSR will traverse every node in the component (👎 ❌)
<div>
  <h1>Hello, world!</h1>
  <button onClick={handleClick}>{count}</button>
</div>

// Million 3 only hydrates `handleClick` and `count` (✨ ✅)
<div>
  <h1>Hello, world!</h1>
  <button onClick={handleClick}>{count}</button>
</div>

素のReactだとサーバーサイドレンダリングするときにハイドレーション（JS処理などのアタッチ）の対象が全体であるのに対しMillion.jsなら動的な部分のみを対象とできる。