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

現場で使える技術が満載! Youtubeクローンアプリを作って、React, React Hooks, ContextAPI, Module CSS,を使ったモダン開発をマスターしよう!

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

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

現場で使える技術が満載! Youtubeクローンアプリを作って、React, React Hooks, ContextAPI, Module CSS,を使ったモダン開発をマスターしよう!

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