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

Description

本講義では、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開発+ステート管理をマスターしよう!
を先に受講することをおすすめします。

What You Will Learn!

• Reactを使った開発
• Layoutコンポーネントの利用方法
• useHistory, useLocationの使い方
• useStateを使ったLocal State管理
• useReducer + ContextAPI + useContextを使ったGlobal State管理
• CSS Moduleパターンを使ったスタイリング手法  (CSSの細かい説明は割愛)
• Youtube APIの登録利用方法
• Textに含まれるURLをaタグに変換して表示する方法
• 縦横比(アスペクト比)を保持したレスポンシブル対応
• Promise allによる最適化

Who Should Attend!

• Reactの基礎を学習し実際にアプリケーションを作成したい方
• Youtube APIを使用したい方
• Reduxなどのthird party moduleを使わずにglobal state管理をしたい方
• CSS Moduleが気になる方

TAKE THIS COURSE