#React

私のこのブログを先日リリースされたNext 15 + React 19 + ESLint v9に移行しました。 パッケージ更新 何も考えずncuでエイヤしました。 Next 15 Next 15はいくつかの破壊的変更が含まれていますが、そこまで大きなものはありませんでした。 コンポーネントのPropsのいくつかがPromiseなものへと変更になったらしいですが、自動でMigrateしてくれるものを公式が用意してくれているので困ることはありません。 仕様変更の詳細な情報は以下に書かれています。 Next\.js 15 \| Next\.js これすら読むのがだるいという人は、パッケージの更新後に

Reactが再レンダリングされる条件とパフォーマンスの改善について、基礎から自分の復習を込めてまとめてみる。 ちなみに最近フロントエンドに飽きたので間違っていても責任は取りません。 関数型プログラミングとReact 関数型プログラミングはある値に対して特定の関数を渡すことで値を加工することでプログラムを記述していく言語。 しっかりと書いたことはないのであまり深い言及はできないのだが、関数を組み合わせていくものだと考えていい。 ここで重要なのは関数型プログラミングそのものではなく、その中で出てくる副作用の概念である。 以下に関数を定義する。 この関数は同じ引数を渡した場合常に同じ結果が返ってくる

ネットでTSやJSのフォーマッタやリンタについてググってると、結構色々な記事が乱立していて情報が錯綜しているので、色々試行錯誤した中で確立した自分の中の最適解をメモとして残しておきます。 EsLintとPrettierの関係と基礎知識 そもそもリンターであるESLintとフォーマッターであるPrettierは全くの別物で、本来なら一緒に設定する必要はないはずです。ということで、まずは役割を確認します。 リンターはバグの原因になるような良くないコードや、古い書き方などに対して警告を表示するものです。 一方でフォーマッタはコードの内容を評価するのではなく、あくまでもコードの整形を行うものです。 し