【この入門の特徴】

• ソースコードはすべてGitHubで公開

  GitHubですべてのコードを公開しているので、動かなくなっても比較しながら学べます。

• コミットがすべて入門にそっている

• 文章と動画の同時解説

  Udemy(動画)、Qiita(文章)、GitHub(ソースコード) と参考にできるものが充実

• 動くコードを作り上げる入門

  機能ごとではなく、一つのWebサイトを作り上げながら入門

  
  

【この入門で学べること】

Reactに関する機能を一通り学ぶことができます。
ただし、Next.js のようなReactを利用したフレームワークや API通信などReactのライブラリとは関係ない部分はこの入門には入っていません。

1. Reactの新規プロジェクトの立ち上げ

2. コンポーネントの書き方とイベントハンドラ

3. Class Components と Function Components

4. 条件分岐 (if)と繰り返し(loop)

5. フォームと親子間のデータのやり取り

6. コンポーネントのライフサイクル

7. スタイル

8. Higher-Order Component

9. Portalを利用したモーダル

10. refによるエレメントの取得

11. Contextを利用したテーマの変更

【この入門の最終成果物】

この入門で作成する最終的な作成物は、Netlifyで公開しています。

【対象となる方】

• JavaScript, HTML, CSSがだいたいわかっている方

• Reactを学んでみたい方

• Reactを学びなおしたい方

• Class Componentsしか使ったことがない方

• Function Componentsを学びたい方

【対象とならない方】

• すでに「React完全に理解した」方

• JavaScript, HTML, CSSの基礎がわからない方