点数 77点 感想 システム開発というよりはCSSなどデザイン系の内容が多かった。 この書籍の発売日は2022/7/30とそこまで古くはないのにも関わらず、Next.jsのバージョンが上がったことで本文とは異なる仕様にな […]

React Hooks useEffectのクリーンアップ関数 クリーンアップ関数が実行されるタイミングは2つある。 以下のような処理はクリーンアップ関数に記述する。 useRef useRefフックには2つの機能がある […]

点数 79点 感想 JavaScriptからReact.jsまで幅広く書かれていた。 基礎から丁寧に説明されているが、なんとくなく全体的にわかりづらい気がした。 また、本書ではTypeScriptは扱われていないため、実 […]

概要 Next.jsでwindowなどブラウザオブジェクトにアクセスするとReferenceErrorとなってしまう。 これはデフォルトでサーバサイドレンダリングが有効になっているからであり、if文でブラウザオブジェクト […]

メモアプリの作成 カスタムフック化前 カスタムフック化 touch src/hooks/useMemoList.ts

カスタムフック カスタムフックとは カスタムフックとは任意の処理をまとめた自作のフックのことで、ロジックをコンポーネントから分離したり、複数のコンポーネントからロジックを再利用したりすることが可能となる。 カスタムフック […]

TypeScript propsの型定義 型定義の管理 複数の場所で使う型はtypesディレクトリにまとめる。 mkdir src/typestouch src/types/car.ts 利用時 importの後にtyp […]

TypeScript 環境構築 基本的な型 配列とオブジェクト 配列 const arr: number[] = [11,22]またはconst arr2: Array<number> = [33,44] オ […]

グローバルState バケツリレーのデメリット Propsのバケツリレーには以下のデメリットがある。 ContextでのグローバルState グローバルStateを管理するライブラリはいくつかあるが、Reactが持ってい […]

再レンダリング 再レンダリングの条件 再レンダリング（関数コンポーネントの先頭から処理が実行）が起きるパターン 注意したいのは3の場合で、例えばApp.jsのStateを更新すると全てのコンポーネントが再レンダリングされ […]