React.js/Next.js 【React.js】useState,useRef,useEffectの使い分け簡易まとめ
久しぶりにReactを触ると、どのhooksがどんな機能か忘れてしまうのでまとめ。
簡易的にしかまとめていないので、詳細は公式サイトなどを見てほしい。
useState
（個人的に）一番基本的な状態管理のためのhooks...
Next.js
React.js/Next.js React.js/Next.js 【Next.js/React.js】TypeScriptで書かれたプロジェクトにESLintとPrettierを導入する
概要
Next.jsTypeScript
という条件のプロジェクトに、いい感じに静的解析ツールとコードフォーマッターを入れる。
ESLint（静的解析ツール）の導入
公式ページを参考に導入する。
イン...
React.js/Next.js 【Next.js】SCSSを使う環境を構築する（TypeScript利用）
まずはnpm install
こちらの公式ドキュメントに記載されている通り、sassのインストールを行う。
$ npm install sass
scssファイルを作成
.scssの拡張子でcss mo...
React.js/Next.js 【Next.js】Boostrapを導入する
Next.jsにBootstrapを導入するときの備忘録。基本的にはこちらに従って行うだけ。
まずは必要なパッケージをインストールする
$ npm install react-bootstrap bootstrap...