
コース説明
React Hooksを使うメリットについて学習します。
Reactのインストールをします。
VScodeのインストールをします。
React Hooksの機能 useStateについて学習します。
React Hooksの機能 useStateを使った変数、配列、オブジェクトの扱い方を学習します。
React Hooksの機能 useEffectについて学習します。
React Hooksの機能 useEffectについて学習します。
React Hooksの機能 useEffectを使ったイベントリスナーの扱いについて学習します。
React Hooksの機能 useEffectを使った外部APIとのやり取りについて学習します。
Reactの機能 Contextについて学習します。
React Hooksの機能 useContextについて学習します。
React Hooksの機能 useReducerについて学習します。
React Hooksの機能 useReducerについて学習します。
React Hooksの機能 useReducer と useContextを使用したステート管理について学習します。
React Hooksの機能 useReducerを使った外部APIとのやり取りを学びます。
React Hooksの機能 useStateとuseReducerを比較します。
React Hooksの機能 useCallbackについて学習します。
React Hooksの機能 useCallback + React.memoを使ったアプリの最適化について学習します。
React Hooksの機能 useMemoを使ったアプリの最適化について学習します。
React Hooksの機能 useRefについて学習します。
本講義では、React 16.8から導入されたReact Hooksについて一から学習していきます。
React Hooksの導入によってReactでのアプリケーション開発は大きく変わりました。
今までステート管理やライフサイクルメソッドの導入にはクラスコンポーネントが必須でしたが、
React Hooksによってそれぞれの機能を関数コンポーネントに移植することができるようになりました。
また、従来グローバルステート管理にはRedux等のサードモジュールが使われていましたが、
React Hooksによりサードパーティに頼らないグローバルステート管理をすることができるようになりました。
このように、16.8以降Reactの開発手法は大きくアップデートされています。
2021年、最新のReact開発方法を学び、より良いアプリケーションを作成していきましょう。
本講義では、React Hooksの機能を一つ一つ例題を持って学んでいきます。
実際に手を動かしてアプリを作成することで、表面的な知識では無く
現場で使える本質的な知識が身につきます。
また、本講義では従来のクラスコンポーネントと比較することで、
クラスコンポーネントと関数コンポーネント両方での書き方、
そして、React Hooksを導入するメリットを比較することで体感できるようになっています。
本講義では、PromiseやAsync Awaitによる外部APIとの連携などを行うレクチャーもあり、
Javascriptの知識も同時に身に付けることができます。