React

Next.jsにはサーバーサイドでレンダーする機能があります。

ここでいうレンダーは以下です。

HTMLを読み込む
JavaScriptを実行する
JavaScriptが実行されることでDOMが形成される ...

React, TypeScript

React V18 から、FC に暗黙的に含まれていた children がなくなり、VFC と同等になりました。

つまり、コンポーネントで children を使う場合は props の型定義に明示的に children ...

React

React hooks はコンポーネントからロジックを切り出すとても便利な機能ですが、一体どのような仕組みなのか。

やはり、実際のReactの開発者の記事が一番正確でわかりやすいと思います。

答えはタイトルに書 ...

React

今更ですが、React で hook という仕組みが登場した背景についてです。

実はドキュメントに記載されています。Reactはこういうところが良いと思います。

一番はじめの理由はかなりしっくりきます。 ...

React

Redux + TypeScript を使った時に、コンポーネントの Props の型をどうやって定義するかというお話になります。

個人的には以下のような型定義をよくします。

type Props = OwnProp ...

React

以前、Redux の mapStateToProps 内でデータの加工をした方が良いのか、もしくは、state をそのままコンポーネントに渡した方が良いのか、という議論をチームメイトとしたことがあります。

結論は公式ドキュ ...

React, webpack

実用性はないですが、React + webpack の最小の構成を5分で作成します。

※ホットリロードは設定しないので、React のコードを変更するたびにビルドコマンドを手動実行する必要があります。

手順プロジェク ...

React

React Router の Outlet がなんとなく直感的でなかったので調べました。

公式ドキュメントに基づいて説明します。

サンプルは以下です。

function Dashboard() { ret ...

React

以下の記事の要約です。

Why Is Redux State Immutable?

Reactで再レンダーする際には、stateやpropsに差分があるかをチェックしている
このチェックはshallow com ...

React, プログラミング入門

またこちらのDanのブログの紹介です。

概要

Danはあるプロジェクトでチームメイトが書いた重複コードをきれいにリファクタリングした。

しかし、翌日その変更を元に戻すように言われてしぶしぶ戻した。

こ ...