タグ: Reactの記事一覧
-
「作って学ぶ Next.js/React Webサイト構築」の感想・備忘録
点数 77点 感想 システム開発というよりはCSSなどデザイン系の内容が多かった。 この書籍の発売日は2022/7/30とそこまで古くはないのにも関わらず、Next.jsのバージョンが上がったことで本文とは異なる仕様にな […]
-
「基礎から学ぶ React/React Hooks」の感想・備忘録2
React Hooks useEffectのクリーンアップ関数 クリーンアップ関数が実行されるタイミングは2つある。 以下のような処理はクリーンアップ関数に記述する。 useRef useRefフックには2つの機能がある […]
-
「基礎から学ぶ React/React Hooks」の感想・備忘録1
点数 79点 感想 JavaScriptからReact.jsまで幅広く書かれていた。 基礎から丁寧に説明されているが、なんとくなく全体的にわかりづらい気がした。 また、本書ではTypeScriptは扱われていないため、実 […]
-
[Next.js] 環境変数を使う方法
概要 APIキーなどをコードに埋め込むのはセキュリティ上好ましくないため、環境変数として用意するのが一般的である。 Next.jsで使うAPIキーを管理するだけであれば、.env.localを用意すれば良い。 値の参照は […]
-
[Next.js] Font Awesomeを導入する方法
概要 Next.jsでFont Awesomeを使うための手順をまとめました。 インストール 以下のアイコンパッケージは必要な分だけインストール。 コンポーネントでインポートする場合 _app.jsでグローバルにインポー […]
-
[Next.js] window, sessionStorage, localStorageなどが使用できない原因
概要 Next.jsでwindowなどブラウザオブジェクトにアクセスするとReferenceErrorとなってしまう。 これはデフォルトでサーバサイドレンダリングが有効になっているからであり、if文でブラウザオブジェクト […]
-
[Next.js] SSRを無効にする方法
概要 Nuxt.jsはデフォルトでサーバサイドレンダリングが有効になっているため、サーバサイドでは存在しないwindow, localStorage, sessionStorageなどのオブジェクトを参照しようとするとエ […]
-
[React] import文を絶対パスで記述できるようにする方法
概要 React.jsでの開発において、jsconfig.json(TypeScriptの場合はtsconfig.json)のcompilerOptionsにbaseUrlを指定すると、import文を絶対パスで記述でき […]
-
[React] 多次元配列(オブジェクト)のsetStateが2回実行されてしまう原因
概要 ReactのuseStateフックを使って管理している多次元の配列やオブジェクトを更新する場合、元の配列・オブジェクトをディープコピーしなければならない。 シャローコピーだと破壊的変更となってしまい、Strictモ […]
-
「モダンJavaScriptの基本から始めるReact実践の教科書」の感想・備忘録8
メモアプリの作成 カスタムフック化前 カスタムフック化 touch src/hooks/useMemoList.ts