React Learning
Abstruct
Reactの初学者として、2ヶ月ほど学習したので、学習を振り返って、どのコンテンツで学べばよかったのかをまとめておきます。(随時更新予定)
Learning Flow
- チュートリアル:React の導入 – React
- Reactの雰囲気を掴むためにやってみた。
- React.js&Next.js超入門 第2版 | 掌田津耶乃 |本 | 通販 | Amazon
- チュートリアルでやったことを体系的に学べた。
- 「クラスコンポーネント」よりも「関数コンポーネント」のほうがよりシンプルにかけることがわかった。hooksを知った。
- 最短・最速で学ぶ React Hooks 完全ガイド! 現場で使えるReact開発+ステート管理をマスターしよう!
- Udemyでhooksについて詳しく理解する。
- Atomic Designを使ってReactコンポーネントを再設計した話 | スペースマーケットブログ
- Reactでシステム開発する際には、ディレクトリ構成などを理解する必要がある。
- ↑の記事で、アトミックデザインでの思想について学んだ。
- React 向け Storybook のチュートリアル | Storybook Tutorials
- デザイナーとエンジニアとのコミュニケーションツールである、Storybook。
- GitHub - YTommy109/rekeel: Base components for React
- アトミックデザイン×Storybook の構成のサンプル。
- TypeScript Deep Dive 日本語版 - TypeScript Deep Dive 日本語版
- TypeScriptへの理解を深めれる。
学習途中で気になったこと
- yarnとnpmについて
- ESLintとPrettierについて
- Material-uiの
TextField
をそのまま使わないで、React Hook Form
を利用する。- 理由は、バリデーションをかけやすくするため。
- MUI v5とReact Hook Form v7でサクッとフォームバリデーションを作る | DevelopersIO