React+webpackにnormalize.cssを導入する
- 2021.02.11
いわゆる、リセットCSSの導入です。これを導入しないと、ブラウザによって異なるデフォルトのCSSが適用され、意図したスタイルにならなかったり、ブラウザによってスタイルが変わってしまうという問題が発生します。 どのリセットCSSを選ぶべきか？ リセットCSSの詳細は比較については、こちらのサイトにまとめられているので、参考にさせていただきました。正直、自分はそこまでこだわりがなかったので、npm t […]
React
connected-react-routerを使う
- 2020.05.18
これまでも使ったことあったけど、設定の仕方とか忘れていたので改めてメモ。 connected-react-routerとは？ reduxのstoreでrouterを管理するためのライブラリ。それで何が嬉しいかというと、例えばsagaで以下のようにページ遷移できる。 公式のリポジトリにあるように、現状はReact Routerのv4とv5をサポートしているようです。 設定方法 store.ts re […]
Material-UI Pickersで日本語化・フォーマット変更する
- 2020.03.20
datepickerの日本語化とかフォーマット変更で毎回少し迷うのでメモ。フロントのフレームワークはReactです。 インストール Material-UI Pickersと日付管理ライブラリをインストールします。選択できる日付管理ライブラリは上記の4種類があるようですが、ここでは後々のフォーマット変更の対応が公式ドキュメントに丁寧に記載されているdate-fnsを選択します。 コンポーネントの配置 […]