【完全保存版】React Hooksを完全に理解するHooksマスター講座【React18~19対応】

Hooksを制するものはReactを制します。レンダリングのタイミング/状態管理/キャッシュ/メモ化/パフォーマンスチューニング/楽観的UI更新/UIノンブロッキングetc...本講座でさらなるReactへの理解を深めることができます。

5.00 (5 reviews)
Udemy
platform
日本語
language
Web Development
category
instructor
【完全保存版】React Hooksを完全に理解するHooksマスター講座【React18~19対応】
136
students
5.5 hours
content
Apr 2024
last update
$54.99
regular price

What you will learn

React Hooksの基礎と実装方法が学べます

React Hooksとは何か?が学べます

useState()の意味と実装方法が学べます

Reactのstate管理と再レンダリングのタイミングが理解できます

状態更新関数の使い方が学べます

React Strict Modeの理解と意味が理解できます

オブジェクトと配列のstateの更新方法が分かります

イミュータブル/ミュータブル操作の意味と違いが理解できます

スプレッド構文を使ったシャローコピーについて学べます

onClickにおける従来の関数とアロー関数の呼び出し方の違いが分かります

useEffect()の意味と実装方法が学べます

クリーンアップ関数の意味と実装方法が学べます

依存配列の意味とstateの指定ができます

useEffect内で発生するstate更新の無限ループの注意点が学べます

useEffectをカスタムフックスでラップする手法が学べます

useSWRとTanstackQueryを使ったキャッシュデータフェッチングが学べます

useRef()の意味と実装方法が学べます

useRefを使って余計な再レンダリングを防ぐ手法が学べます

useContext()の意味と実装方法が学べます

Provider内で宣言した関数や値のメモ化が学べます

memo()の意味と実装方法が学べます

useCallback()の意味と実装方法が学べます

React Developer Toolsの使い方が学べます

useMemo()の意味と実装方法が学べます

useOptimistic()の意味と実装方法が学べます

楽観的UI更新の実装方法が分かります

Server Actionsを利用してuseOptimisticを使う方法が分かります

簡易SNSにおける楽観的UI更新を使うケースが分かります

useTransition()の意味と実装方法が学べます

UIノンブロッキングについて学べます

Suspenseとfallbackについて学べます

段階的UIローディングの実装方法が分かります

useDeferredValue()の意味と実装方法が学べます

検索結果が重い場合の遅延された値の利用方法が分かります

Why take this course?

🚀 **Hooksを制するものはReactを制します:** 【完全保存版】React Hooksを完全に理解する「Hooksマスター講座」【React18~19対応】 🎓 **本講座では、ハンズオンでReact Hooksの秘密を解き明かします!** 🔹 **Hooksの全範囲を網羅!** - `useState` と `useEffect` もちろん - `useCallback`, `useMemo` の使い方 - 最新の `useOptimistic` や `useTransition` など、深く掘り下げます - React19以降の安定版で登場するHooksについても講座内で解説していきます - 随時 Hooksの内容を更新する予定なので、最新の知識を手に入れられます📚✨ 👥 **本コースの対象者** - React Hooksを学びたい方 - 実務でReact開発を行っている方 - Hooksについて理解が不安な方 - Reactのレンダリングのタイミングやパフォーマンスチューニングが不明な方 - React18以降でHooksのキャッチアップを止めたい方 - Hooksをより効果的に使いこなしたい方 - NextjsでHooksを利用している方 📝 **本コースを受講する際の注意点** - HTML/CSS/JavaScriptの基本的な知識があると想定しています - Reactの基礎についての理解が必要です(コンポーネント、JSX記法など) - JavaScriptに関する実務経験があれば、講座進め方に役立ちます 🔊 **重要なお知らせ**: 自信のないHooksだけ学びたいでも大丈夫!本講座では、実際の実務現場でも使えるようなHooksを紹介しています。experimentalやcanaryバージョンのHooksは、ご利用を避けてください(React19になった際にはご使用いただけると予定しております)。 👉 **この講座を選ぶと、Reactの新しい可能性を広げることができます!** パフォーマンスチューニング、楽観的UI更新、UIノンブロッキングなど、Hooksを駆使してReactの新たな地平を目覚めさせましょう! 📆 **今すぐ登録を!** この機会をお見つけできたら、さらなるReactへの理解と技術向上を図りましょう。lets get started with Shin Code on this comprehensive journey into React Hooks! 🌟

Screenshots

【完全保存版】React Hooksを完全に理解するHooksマスター講座【React18~19対応】 - Screenshot_01【完全保存版】React Hooksを完全に理解するHooksマスター講座【React18~19対応】 - Screenshot_02【完全保存版】React Hooksを完全に理解するHooksマスター講座【React18~19対応】 - Screenshot_03【完全保存版】React Hooksを完全に理解するHooksマスター講座【React18~19対応】 - Screenshot_04
5852562
udemy ID
3/3/2024
course created date
3/25/2024
course indexed date
Bot
course submited by