未経験から1週間でマスターするReact入門
Requirements
- JavaScriptの基礎知識
- HTMLの基礎知識
- CSSの基礎知識
Description
【この入門の特徴】
ソースコードはすべてGitHubで公開
GitHubですべてのコードを公開しているので、動かなくなっても比較しながら学べます。
コミットがすべて入門にそっている
文章と動画の同時解説
Udemy(動画)、Qiita(文章)、GitHub(ソースコード) と参考にできるものが充実
動くコードを作り上げる入門
機能ごとではなく、一つのWebサイトを作り上げながら入門
【この入門で学べること】
Reactに関する機能を一通り学ぶことができます。
ただし、Next.js のようなReactを利用したフレームワークや API通信などReactのライブラリとは関係ない部分はこの入門には入っていません。
Reactの新規プロジェクトの立ち上げ
コンポーネントの書き方とイベントハンドラ
Class Components と Function Components
条件分岐 (if)と繰り返し(loop)
フォームと親子間のデータのやり取り
コンポーネントのライフサイクル
スタイル
Higher-Order Component
Portalを利用したモーダル
refによるエレメントの取得
Contextを利用したテーマの変更
【この入門の最終成果物】
この入門で作成する最終的な作成物は、Netlifyで公開しています。
【対象となる方】
JavaScript, HTML, CSSがだいたいわかっている方
Reactを学んでみたい方
Reactを学びなおしたい方
Class Componentsしか使ったことがない方
Function Componentsを学びたい方
【対象とならない方】
すでに「React完全に理解した」方
JavaScript, HTML, CSSの基礎がわからない方
Who this course is for:
- Reactに興味を持つエンジニア
- SPAに興味があるエンジニア
- Class Componentsしか使ったことがないエンジニア
- Function Componentsを学びたいエンジニア
Instructor
- 2.8 Instructor Rating
- 106 Reviews
- 2,038 Students
- 1 Course
YouTubeで教育系エンジニアとして活動中のやっすんです！
現役エンジニアの方から、これからエンジニアになりたい人まで、エンジニアリングに興味のある方に役立つ情報をお届けします！
# やっすんってどんな人？
大手メーカー → Fintechベンチャーでエンジニア → フリーランスエンジニア → エンタメ系ベンチャーでCTO → エンジニアの会社を創業 と色々な経験を積んできている現役エンジニアです。
今はシステム開発をやりつつ、エンジニア向けのサービスやエンジニア教育をする活動をしています。
# どんな技術が得意？
Web関連の技術がメインで、インフラ、バックエンド、フロントエンド何でもやってます！
一番好きなのはRuby on Railsを利用したバックエンドです。
インフラは主にAWSを利用しています。
フロントはSvelte, Vue, React, Angularを扱えます！