React Workshop
Objective
Web技術の進化により、Webサイト上で出来ることが増えています。それに伴いUIも複雑化し、ユーザーが使う端末の種類も増加しています。このような状況に従来のやり方で開発を続けると、膨大な工数が必要になってきます。そこでコンポーネント思考、そしてReactをマスターして、Frontend DeveloperのJobをGetしましょう :smile:
- Reactの開発環境を作る
- コンポーネント思考とは何かを学ぶ
- ES2015の書き方を学ぶ
- ステート(state)とは何か
- 実際にコンポーネントを作って追加してみる
- ライフサイクルメソッドを使ってみる
- React Hooksを使ってみる
- ES2015の書き方を学ぶ
- ステート(state)とは何か
- 実際にコンポーネントを作って追加してみる
- Styled-componentをさわってみる
- Styled-componentでレスポンシブのページを作る
- React-routerを使って実際にサイトを作る
- useContextを使ってサイト全体に影響する状態を管理する
- axiosを使ってapiから画像を取得して画面に表示してみる
- Auth機能とRoutingを使って画面遷移を制限する
Reference
Getting Started – React