|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/der-react-praxiskurs/
课程评论：没有评论
**课程名称：** React JS 实战课程 - 响应式 Web 应用开发 **课程概述：** 在当今众多 Web 和 JS 框架中，React 因其在实践中的流行而脱颖而出。本课程旨在从零开始，深入讲解 React JS 的核心概念和 Web 应用开发。您将了解 React 的独特高效之处，即使您只接触过 jQuery 等传统框架。 **课程要求：** * 具备 JavaScript 基础知识（ES6 知识尤佳，但非必需）。 * 具备基本的 HTML/CSS 知识。 **课程亮点：** 本课程专注于教授一种高效且易于维护的 React 开发路径，确保您能快速上手并创建功能完善的 Web 应用。 * **聚焦函数式组件和 Hooks：** 课程将重点讲解使用 Hooks（如 `useState`、`useEffect`、`useRef` 等）的函数式组件，而不会深入探讨类组件。 * **ViteJs 构建工具：** 采用 ViteJs 作为项目构建工具和初始应用创建工具（create vite），体验高效的开发流程。 * **核心概念讲解：** 深入理解 React 的工作机制，而非罗列所有功能。 * **实用项目开发：** 通过开发计数器、待办事项列表和视频播放器等三个具体应用，巩固所学知识。 * **状态管理基础：** 学习使用 `useState` 管理组件内部状态，并了解如何使用 `useRef` 访问 DOM 元素。 * **副作用处理：** 通过 `useEffect` 理解生命周期事件和副作用。 * **持久化存储：** 学习使用 LocalStorage 保存和加载 App 状态。 * **性能优化：** 掌握 `memo`、`useCallback` 和 `useMemo` 来优化组件性能。 * **路由管理：** 使用 React-Router 在应用中实现路由和 URL 路径管理。 * **外部状态管理入门：** 简要介绍 MobX、MobX-State-Tree 以及 Redux 和 Redux Toolkit 作为外部状态管理方案。 **学习目标：** * 掌握使用 ViteJs 和 React 创建 Web 应用。 * 能够编写函数式 React 组件并使用 JSX。 * 理解 props 的用法，以及组件间的组合和通信。 * 熟练运用 `useState` 管理和更新组件状态。 * 掌握使用 `useRef` 访问 DOM 元素。 * 理解 `useEffect` 的作用，处理生命周期事件和副作用。 * 学会使用 LocalStorage 实现应用状态的持久化。 * 能够开发简单到复杂的、易于维护和扩展的 Web 应用。 * 为进一步学习更高级的 React 主题打下坚实基础。 **课程展望：** 本课程将持续更新，逐步增加更多内容，包括其他 Hooks 函数以及更深入的主题。
Es gibt mittlerweile eine unüberschaubare Anzahl an Web- und JS-Frameworks, mit denen man Web-Apps erstellen kann. React hat sich hier in der Praxis einen der vordersten Ränge in der Beliebtheit ergattern können. Der Einstieg in dieses Framework ist im Prinzip nicht schwierig, aber wenn man die Konzepte noch nicht kennt oder bisher eher mit älteren Frameworks wie jQuery gearbeitet hat, muss man zunächst die etwas andere (und effizientere) Herangehensweise verstehen.In diesem Kurs wird das Thema React und Web-App-Entwicklung mit React JS von Grund auf erläutert und die wichtigsten Grundlagen im Detail erklärt. Vorausgesetzt werden grundlegendes Wissen in der Entwicklung mit JavaScript (von Vorteil sind auch ES6-Kenntnisse, aber nicht Voraussetzung) und rudimentäre HTML/CSS-Kenntnisse. Alles weitere wird im Kurs erklärt und dabei auf das grundlegende Verständnis der Mechanismen Wert gelegt. Damit die Teilnehmer möglichst schnell zu Ergebnissen gelangen, werden dabei allerdings nicht alle Möglichkeiten, die React bietet, erläutert, sondern sich auf einen Weg konzentriert, der aber keine prinzipiellen Nachteile oder Einschränkungen mit sich bringt. So gehe ich nicht auf Klassenkomponenten ein, sondern beschränke mich auf funktionale Komponenten, die Hook-Funktionen (useState, useEffect, useRef, etc.) verwenden. Weiterhin beschränke ich mich auf die Verwendung von ViteJs als Build-Tool und für die initiale Erstellung von Apps (create vite). Das weitreichende Feld des "externen" Zustandsmanagements wird in diesem Kurs nicht behandelt. Das Ziel des Kurses ist es, den Teilnehmern zu einem grundlegenden Verständnis von React zu verhelfen und sie zu befähigen, einfache und auch komplexere Web-Apps zu erstellen, die sich leicht warten und erweitern lassen. Aufbauend auf den hier erworbenen Kenntnissen können sich die Teilnehmer dann leicht die noch fortgeschritteneren Themen aneignen. Es ist geplant, dass dieser Kurs regelmäßig um weitere Lektionen erweitert wird, so dass mit der Zeit auch die noch nicht behandelten Themen abgedeckt werden (z.B. die weiteren Hook-Funktionen).Teilnehmer lernen in diesem Kurs:React-Apps erstellen mit ViteJsFunktionale React-Komponenten schreiben mit JSXProps verwendenKomponenten kombinieren und zwischen diesen kommunizierenZustand erzeugen mit useState und verändernZugriff auf DOM-Elemente (wie ) mit useRef erhaltenLifecycle-Events und Seiteneffekte mit useEffectSpeichern und Laden des App-Zustands im LocalStoreage3 konkrete Apps entwicklen (Zähler, Todos, Video-Player)Optimierungen mit memo, useCallback und useMemoMit React-Router Routen und URL-Pfade in Apps verwendenEinführung in MobX und MobX-State-Tree als Beispiel für externes State-ManagementEinführung in Redux und Redux-Toolkit
