メモアプリの作成 カスタムフック化前 カスタムフック化 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を更新すると全てのコンポーネントが再レンダリングされ […]

CSS ReactでのCSSの書き方 6種類くらい書き方がある。 CSS Modules Styled JSX npm install styled-jsxでインストール styled components npm in […]

点数 92点 感想 前半はJavaScriptやReactの基礎についての説明が多く、やや物足りない内容だった。後半はCSS問題・コンテキスト・メモ化・TypeScript・カスタムフックなど重要なものがきっちりと解説さ […]

テスト ユニットテストとフィーチャテスト Laravelでは2つのテストがサポートされている。 ユニットテスト：メソッドを検証する。 フィーチャテスト(WebAPIテスト)：API機能を検証する。 ユニットテスト ユニッ […]

コンソールアプリケーション Commandクラスによるコマンド実行 php artisan make:command HogeCommandapp/Console/Commands/HelloCommandが生成される。 […]