Create React App で CSS-in-JS ライブラリ Linaria を使ってみる
React のスタイルは CSS-in-JS が広く使われていますが、規模が大きくなると通常のCSSファイルを読み込むよりもパフォーマンスに影響があるらしいです。
Linaria は CSS-in-JS のように書きつつビルド時に外部CSSファイルに書き出すのでパフォーマンスの問題を解決できます。
- 投稿日
- 更新日
React
Reactの標準機能（useContext/useReducer）でステート管理[TypeScript版]
React HooksのuseContext/useReducerを使用して、ステート管理する方法をご紹介します。
- 投稿日
- 更新日
既存のサイトにモダンな感じで React.js + TypeScript を導入する
とりあえずReactをはじめるたい時はCreateReactAppとか使うと簡単に始められるのですが、基本SPA用なので、すでにあるサイトに導入とかバックエンドフレームワークに導入とか難しかったりします。
そこでWebpackを使用して既存のサイトにReactを導入する方法をご紹介します。
- 投稿日
- 更新日
React Hook Form で超簡単にバリデーションする方法
React.jsのフォーム入力のチェック（バリデーション）は自前で実装するのもそれほど難しくないかもしれませんが、React Hook Form というライブラリを使うと簡単に設定できますのでご紹介します。
- 投稿日
- 更新日
Redux Toolkit で React.js の状態管理をもっと簡単にする方法[TypeScript版]
React.jsの状態管理ライブラリはReduxが有名ですが、結構複雑だったりステートを一つ更新するだけでもタイプ量が多くなってしまうというデメリットもあります。
そこでこの記事ではRedux Toolkitというライブラリを使用して、もう少し簡単に状態管理する方法をご紹介します。
- 投稿日
- 更新日