最短・最速で作る Youtube クローンアプリ React・React Hooks編

本講義では、React + YouTube APIを使ってYouTube クローン アプリを実装しながら体系的に、

そして楽しくReact, React Hooks, Context API, CSS Moduleを使ったモダン開発を学習していきます。

本講義に含まれる内容

• Functional Component中心のReact開発方法

• Layoutの作成方法

• React Router Domによるページ遷移

• useHistory, useLocationの使い方

• useStateを使ったLocal State管理

• useReducer + ContextAPI + useContextを使ったGlobal State管理

• CSS Moduleパターンを使ったスタイリング手法  (CSSの細かい説明は割愛)

• Youtube APIの登録利用方法

• Textに含まれるURLをaタグに変換して表示する方法

• 縦横比(アスペクト比)を保持したレスポンシブル対応

• Promise.allによる最適化

  
  

一緒にYoutube クローンアプリケーションを実装し実践力を身につけていきましょう！

本講義は、中級者向けのコースになります。

講義内では、最新のreact開発手法である、react hooksを使用しています。

react hooksを初めて触る方は、
最短・最速で学ぶ React Hooks 完全ガイド！基礎〜応用編 最新のReact開発+ステート管理をマスターしよう!
を先に受講することをおすすめします。