|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react_v18/
课程评论：没有评论
# Coursera课程《React v18的新功能：未来前端开发必备知识》内容总结 本课程旨在帮助学习者深入理解React v18版本带来的各项新功能，为2022年及以后前端开发做好准备。课程的重点在于用浅显易懂的方式解释React v18的复杂概念及其对未来前端开发的影响，并提供实用的周边知识。 **课程核心内容包括：** * **React v18的破坏性变更：** 通过对比React v17和React v18的项目，详细讲解版本升级可能带来的兼容性问题及相应的修改方法。 * **自动批处理 (Automatic Batching)：** 解释React v18如何通过自动合并状态更新来提升应用性能，并重点说明与React v17相比，批处理范围的变化。 * **Transition：** 介绍React应用中存在的普遍问题，以及如何利用React v18新增的Transition功能来解决。课程将通过实际示例展示 `useTransition` 和 `useDeferredValue` 的区别与用法。 * **Suspense - 语法篇：** 深入讲解React v18的重要功能Suspense，包括基础用法、多Suspense组合以及与Transition的结合如何提升用户体验。课程将从简单的代码示例入手，逐步深入。 * **Suspense - 本质篇：** 揭示Suspense的深层含义，超越简单的语法介绍，重点围绕“SSR”、“Streaming HTML”和“Selective Hydration”等关键词，阐述Suspense如何影响前端开发的底层机制和未来趋势。 * **附带内容：** 快速介绍React v18新增的其他Hooks。 **课程特色：** * **Q&A环节：** 每个章节末尾设有问答环节，解答学员普遍关心的技术问题。 * **优化观看体验：** 通过放大代码输入区域等方式，确保学员即使在手机上也能流畅观看。 * **高品质音频：** 录音经过精心处理，保证听觉舒适度。 本课程适合从初学者到中级水平的前端开发者，旨在帮助学员掌握React v18的核心知识，为未来的前端开发打下坚实基础。
React v18の登場で何が変わるのか。しっかり理解できているかどうかで2022年以降のフロントエンド開発についていけるかどうかが確実に左右されます！しかしReactが目指す世界や、追加された機能というものは非常に複雑です。公式のドキュメントや解説記事はありますが、ほとんどの学習者にとって難易度の高いものとなっています。そんな中、なるべく多くの人にReactの新機能や今後のフロントエンド開発についてなるべくやさしく丁寧に理解してもらおうと本コースを作成しました。単に機能の説明だけではなく、その本質や周辺知識についても解説しているので受講いただくことで初学者〜中級者の方まで今後のフロントエンド開発に活かせる知識を得られるかと思います。■本コースでは以下の内容を取り扱いますReact18の破壊的変更React18にバージョンアップすることで起きる破壊的変更（既存コードの修正を伴うような変更）について、React18のプロジェクトとReact17のプロジェクトをどちらも作成し比較しながら解説していきます。Automatic BatchingState更新をReactが自動で１つにまとめることでパフォーマンス向上の効果があるバッチ処理について、React18で何が変わったのかについて解説します。React17とReact18以降ではバッチ処理される箇所が変わったのでしっかりおさえておきましょう。TransitionこれまでのReactアプリケーションだとどのような問題があって、それがReact18で登場したTransitionを使うことでどのように解決できるのかについて、実際にサンプルアプリを作りながら解説していきます。また、新しく登場したuseTransitionとuseDeferredValueの違いや使い分けについても紹介します。Suspense - その1（文法編）React18の目玉機能であるSuspenseについて、実際にコードを書きながら使い方を学んでいきます。Suspenseは以前からも存在しましたが、React18で別物になったのでその点も解説します。シンプルな例の解説から始め、複数のSuspenseを組みわせる例やTransitionと組み合わせることでどのようなユーザー体験をもたらすことができるかも体感していただきます。Suspense - その2（本質編）Suspenseの使い方を紹介するにとどまっている記事が多いですが、Suspenseの本質はそこではありません。「SSR」「Streaming HTML」「Selective Hydration」このあたりのキーワードを中心にSuspenseを使うことで裏側で何が起きていて、今後どのようなフロントエンド開発になっていくのかについても解説します。【おまけ】その他新しく追加されたHooksおまけ的にReact18で追加された新しいフックについて、コース内で紹介したもの以外も簡単に紹介しています。■それ以外の本コースの特徴セクション毎の最後にQ & Aコーナーを設けており、事前に受講生の方々から募集した質問について回答する息抜きのコーナーがありますコード入力時は画面を拡大する等、編集も工夫しているためスマホでもストレスなく閲覧できます収録音声にも気をつかっているのでイヤホン等で視聴しても不快ではないです(声の好みは分かりませんが...)
