カテゴリー: React(書評)の記事一覧

「基礎から学ぶ Next.js」の感想・備忘録
点数 86点感想第1章のJavaScript、TypeScript、React、Next.jsの解説がとてもわかりやすかった。第2章と第4章のハンズオンはそれぞれNotion APIとUnsplash APIを利用 […]
2023年9月4日 / React(書評) / 81〜90点, 86点, Next.js, React
「Reactハンズオンラーニング」の感想・備忘録6
テスト 10.6.2 要素の検索クエリ関数 ※ xxxにはTextやTestIdが入る（getByText、queryAllByTestIdなど） 10.6.3 イベントのテスト
2023年9月1日 / React(書評) / 81〜90点, 87点, React
「Reactハンズオンラーニング」の感想・備忘録5
データ 8.2 データの送信ファイルアップロード 8.2.2 リクエストの認証 Githubからリポジトリ一覧を取得するサンプル 8.3 データの保存 8.4.2 仮想リスト react-windowの使い方
2023年8月28日 / React(書評) / 81〜90点, 87点, React
「Reactハンズオンラーニング」の感想・備忘録4
フック 7.3 useReducer 7.3.1 useReducerを使った複雑なステート管理 7.4 コンポーネントのパフォーマンス改善 7.4.1 いつパフォーマンスチューニングを行うか
2023年8月25日 / React(書評) / 81〜90点, 87点, React
「Reactハンズオンラーニング」の感想・備忘録3
フック 7.1.1 依存配列利用時 7.1.2 依存配列の同一性チェック以下のように、配列やオブジェクトを関数の外で初期化すると再描画時は不変となる。 useMemo このような場合はuseMemoフックを使う。 u […]
2023年8月21日 / React(書評) / 81〜90点, 87点, React
「Reactハンズオンラーニング」の感想・備忘録2
ステート管理 6.3.3 カスタムフック例えば、以下のテキストボックスの記述は重複してしまう。 <input type=”text” value={msg1} onChange={e=>setMsg1(e. […]
2023年8月18日 / React(書評) / 81〜90点, 87点, React
「Reactハンズオンラーニング」の感想・備忘録1
点数 87点感想 Reactの機能が一通り解説されていた。文章がわかりづらいところが多少あるが、全体的には丁寧に説明が書かれていた。本書の内容のうち、実際の開発には不要なものもいくつかあると思うので、必要なものを選定 […]
2023年8月12日 / React(書評) / 81〜90点, 87点, React
「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」の感想・備忘録4
Next.js 環境構築 npx create-next-app –ts next-sample SSGによるページの実装データ取得なしの場合（単なる静的ぺージ） getStaticProps内でデータ取得する場合 […]
2023年7月29日 / React(書評) / 71〜80点, 80点, Next.js
「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」の感想・備忘録3
TypeScript Enum 文字列ベースのEnum型を定義することも可能。オプショナルチェーン演算子と非nullアサーション演算子 ?.（オプショナルチェーン演算子） nullish(null または undefi […]
2023年7月22日 / React(書評) / 71〜80点, 80点, Next.js
「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」の感想・備忘録2
TypeScript 関数の型以下のような記述は一見わかりづらいが、「引数が文字列で戻り値が文字列配列の関数」を引数に取る関数である。上記関数は以下のように呼び出す。型アサーション Javaでいうダウンキャスト。 […]
2023年7月19日 / React(書評) / 71〜80点, 80点, Next.js