以下、読書メモ。やればやるだけわからないことがでてくる。
- モダンJavascript
- var, let, const
- アロー関数
- prettier
- 分割代入
- デフォルト値
- スプレッド構文、イコールを使わない
- オブジェクトの省略記法
- map
- filter
- 三項演算子
- 論理演算子
- React
- propsの分割代入
- useState
- useEffect
- styled component
- Emotion
- Tailwind CSS
- Headless UI
- Chakra UI
- Material-UI
- Semantic UI React
- 再レンダリングの仕組みと最適化
- React.memoでメモ化
- const Component = memo(() => {})
- propsに変更がない限り再レンダリングされない
- React.useCallback
- 関数の再生成で再レンダリングされてしまう
- 関数のメモ化
- データ量が多そうなコンポーネントはメモ化しておく
- グローバルなState管理
- Context
- ログインユーザー情報はグローバル管理したい
- Redux
- Recoil
- Apollo Client
- TypeScript
- VanillaJSからの導入時にいったんany型にして徐々に適切な型を設定していく
- ジェネリクス、使用時に型を設定する
- const [str, serStr] = useState(“”);
- 型定義しておけばUser.nameをUser.namaと書いてもエラーにしてくれる、早く気づける
- 省略可能ならpersonalColor?のように?をつける
- Optional chaining プロパティが存在しない場合はundefined
- DefinitelyTyped
- カスタムフックでロジックとjsxを分離する
- メモアプリ
- さらっと目を通しただけ
- 「さいごに」に列挙されていた登るべき壁
- コンポーネント設計
- フロントエンドテスト
- Next.js
- GraphQL
- 複雑な状態管理
- 各種Serverless周辺知識
- バックエンド/DBの知識
- アクセシビリティ
- PWA
- Reactはスタート地点でしかない
![](https://kanetann.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)