|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-17-cours-complet-react-debutant-a-avance-2021/
课程评论：没有评论
## React 17：从入门到精通（2021）课程总结 本课程是为期全面的 React.js 学习之旅，旨在帮助开发者掌握这一现代前端开发的基石。React.js，由 Facebook 于 2013 年推出，已成为构建丰富、动态用户界面的必备技术，拥有庞大的开发者社区支持。 **课程将教授您：** * **JSX 语法精髓：** 掌握 JSX 的核心规则，包括点记法（dot notation）用于组织 JSX 模块，以及如何通过 props 传递属性和子元素。 * **可复用组件开发：** 学习创建和管理独立的、可复用的 React 组件。 * **Refs 和 Fragments：** 了解如何使用 refs 操作 DOM 元素，以及如何利用 fragments 聚合 JSX 元素。 * **事件处理与生命周期：** 掌握事件的托管与委托，以及组件的生命周期管理（重点回顾类组件）。 * **Hooks API：** 深入学习 React 16.8 引入的 Hooks，包括 `useState`（状态管理）、`useEffect`（副作用处理）、`useRef`（命令式编程）、`useReducer`（复杂状态逻辑）、`useContext`（上下文订阅）以及 `useMemo` 和 `useCallback`（性能优化）。课程强调 Hooks 在现代 React 开发中的重要性，并指导如何将类组件转换为函数组件。 * **高级 React 主题：** 探索高阶组件（HOC）用于共享逻辑、Context API 用于全局状态管理、渲染属性（Render Props）用于代码复用，以及 PropTypes 用于 props 数据类型验证。 * **项目驱动学习：** 通过多个实际的 Web 项目演示，巩固所学知识。 **课程结构：** 1. **基础：JSX 语法与规则：** 学习 JSX 的基础知识，包括创建 JSX 组件、Props 和 Children、事件处理、列表与 Key、受控组件以及类组件生命周期回顾。 2. **Hooks API 参考：** 全面介绍 React Hooks，解释它们在简化和优化组件开发中的作用。 3. **高级主题：** 深入探讨高阶组件、Context API、渲染属性和 PropTypes，以提升开发效率和代码质量。 **课程目标受众：** * 具备 JavaScript 基础的初级开发者。 * 拥有 JavaScript、Node.js 和 React 中级技能的开发者。 * 所有希望构建在线商店等解决方案的人。 **先决条件：** * **必备：** JavaScript (ECMAScript) 基础，React 和 Redux 基础。熟悉命令行界面 (CLI)，课程将使用 iTerm 和 VS Code 内置终端。 * **加分项：** 了解 Bootstrap 的预定义资源和类。 **课程优势：** 本课程适合所有水平的学习者。少量 HTML、CSS 和 JavaScript 基础即可跟上。内容分为多个部分，并辅以实践练习（测验和编程任务）。讲师将随时解答您的疑问。
React.js: devenu une référence incontournable pour le développement d'interfaces utilisateurs riches et dynamiques. Le projet open-source, développé en 2013 par Facebook est utilisé par une communauté de millions de développeurs.Ce que vous allez apprendre:Comprendre les règles essentielles de la syntaxe JSX pour créer des éléments React. Développer des composants autonomes et réutilisablesL'essentiel de la syntaxe JSX, avec:La syntaxe de notation à points pour regrouper les éléments JSX en modulesDéfinition et transfert d'attributs avec les props,Les différents moyens de transmettre des props et des enfants dans l'arborescence de son projet ReactUtiliser et transférer les refs pour manipuler les élément du DOMEt, ajouter des fragments pour regrouper les éléments JSXGestion et délégation d'événementsLe cycles de vie des composants Monter en compétences sur les techniques avancées de React, avec:Les props de rendu pour partager du code entre composantsLe composant d'ordre supérieur pour séparer les responsabilités et partager de la logique de comportementLe contexte API pour créer des valeurs globalesExplorer les bénéfices avec plusieurs projets. Les démos sont orientés projets web avec React.jsAu programme:#1 - Les fondamentaux: la syntaxe et les règles JSX, l'indispensable pour développer en React!Créer des composants JSXLes props et les childrenGérer les événementsLes listes et l'attribut spécial keyLes composants contrôlésEt, les méthodes cycle de vie (rappel sur les classes React)#2 - Référence API des hooks: disponibles depuis la version 16.8 de React, on se saurait faire la présentation de la librairie de React sans faire de présentation des hooks. L'usage des classes se fait de plus en plus rare dans les équipes de développeurs React. Sans oublier les classes, on présente comment gérer le cycle de vie, comment convertir une classe en composant fonctionnel. Dans cet ordre, on découvre:useState, hook d'état pour créer des variables localesuseEffect, hook d'effet pour appliquer des effets de borduseRef, pour programmer de façon impérativeuseReducer, pour gérer une logique d'état plus complexeuseContext, pour s'abonner aux modifications de l'objet contexteuseMemo et useCallback, pour optimiser la performance des composants #3 - Les sujets avancés: le composant d'ordre supérieur, pour partager de la logique commune avec plusieurs composantsle context API, pour créer et partager des valeurs globalesle props de rendu, pour réutiliser et partager du codeles proptypes, pour valider les types de données des props❓Pour qui:Développeurs Juniors avec une première expérience en javascriptTous développeurs avec un niveau intermédiaire en Javascript, Node & ReactJSToutes personnes souhaitant développer une solution de commerce en ligne❓Niveau: débutant à intermédiairemust have: les fondamentaux de Javascript (ECMAScript), React et ReduxLe Command Line Interface: on utilise iTerm et le terminal intégré de VSCode nice to have: connaître les ressources et classes prédéfinies de Bootstrap Cette formation est accessible pour tous les niveaux.Quelques bases de HTML, CSS et JS suffiront pour suivre le cours divisé en plusieurs sections et organisé en plusieurs cas pratiques (quiz & TP)Je reste disponible pour répondre à vos éventuelles questions.Bonne formation!
