React 课程和指南
React是Facebook开发的强大JavaScript库，用于构建用户界面。它使用基于组件的架构和虚拟DOM进行高效渲染，使其成为现代Web应用程序最受欢迎的选择。React生态系统包括Next.js、用于移动开发的React Native等工具，以及广泛的社区支持。
探索所有 React
使用 Python 和 Transcrypt 构建完整的 Web 应用
Python 已被广泛用于大多数 Web 应用的后端，但遗憾的是，它无法直接在浏览器中运行来驱动前端。Transcrypt 可以帮助解决这一问题，通过使用 Python 同时编写前后端代码，构建更加统一的 Web 项目。 本课程基于《使用 Python Transcrypt 编译器进行前端开发》一课的内容，实现一个完整的 React 与 Python 结合的 Web 项目。在每一章中，我们将对现有代码进行重构，添加新功能，逐步完善应用程序。每章结束后，都会得到一个可运行的应用程序，包含截至目前为止所添加的所有功能。
66h 15m
初级
使用 TypeScript 构建多态 React 组件
TypeScript 已成为构建现代 Web 应用的行业标准。随着设计系统和可复用组件的兴起，为现代 Web 工程师掌握构建强类型多态组件的能力变得尤为重要。 本课程采用自底向上的方法，教你如何构建强类型的多态组件。你将从一个简单的多态组件实现开始，分析其存在的问题。接着，利用 TypeScript 构建一个可用于生产环境的组件接口。最后，通过支持组件引用等高级用例，开发出一个可在多个组件中复用的实用工具。 完成本课程后，你将具备构建适用于设计系统的组件的能力，并超越基础的可复用需求。
8h
中级
使用 Jest 和 React Testing Library 测试 React 应用
通过本课程，你将掌握使用 Jest 和 React Testing Library 对 React 应用进行自动化测试的技能，这两者是 React 项目事实上的测试工具。这些测试能让你更有信心地发布应用的新版本，同时提升发布频率，更快地将功能交付给用户。 你将学会编写稳健的测试，即使在代码优化和重构时也能保持稳定，从而降低维护成本。 课程还将教你如何模拟用户与应用的交互行为，并深入掌握对应用中异步逻辑部分的可靠测试方法。 课程中穿插的定期测验和练习将帮助你不断巩固所学知识。
16h
中级
在 React Native 中简化状态管理
状态管理是管理应用程序数据的过程。作为开发者，确保数据在应用的不同部分之间保持一致和同步至关重要。 你将首先学习如何在 React Native 中使用状态（state）和属性（props）来实现状态管理，并仅通过 React Native 内置方案构建一个真实的 Funbook 应用。接着，你将了解 Redux 和 MobX 两个库，以及如何利用它们在应用中实现点赞按钮功能。然后，你将使用 XState 库来实现点赞按钮，该库将状态视为有限状态机。你还将学习 Jotai 库，它采用原子化状态进行状态管理。最后，你将掌握 React Query 如何提供便捷的服务器端数据获取与数据变更操作，从而替代全局状态管理的需求。 完成本课程后，你将具备实现复杂状态管理功能的能力，确保应用各部分之间的数据一致性与同步。
27h
中级
Next.js — 构建 React 应用的终极方式
React 是一个出色的框架，能够帮助你构建在速度、功能和易用性方面无与伦比的前端应用。然而，React 在搜索引擎优化方面存在不足，而这正是 Next.js 的优势所在。 在本课程中，你将学习如何使用 giphy.com 的 API 构建一个 Giphy 搜索应用。课程开始时，你将掌握如何对 Next.js 页面进行静态优化，为用户带来极快的加载体验。随后，你将深入学习构建 Giphy 搜索应用的核心机制。 在课程的后半部分，你将学习如何进行 SEO 优化。学完本课程后，你不仅能够将这一优秀的框架添加到简历中，还能为自己的作品集增添一个亮眼的新应用。
5h
中级
Web Development Bootcamp for Beginners: Build Real Projects
在这个专注于使用 MyERN 技术栈（MySQL、Express、React 和 Node.js）构建真实世界全栈应用的网页开发训练营中，提升你的网页开发技能。你将通过一个结构化的学习路径，涵盖前端开发、后端 API 以及关系型数据库设计，并通过实践课程逐一应用每个概念。 完成训练营后，你将成功构建并集成一个完整的全栈应用，从而有信心在真实的开发场景中运用现代网页技术。
12h
初级
使用 Postman 和 WebdriverIO 测试 React 应用程序
在当今的数字世界中，测试工程师必须具备高效且有效的策略与技能，以在快速迭代的敏捷环境中测试软件。Postman 是一款广为人知的 API 测试工具，可用于构建、测试和发布 API，它允许你执行临时测试以及完全自动化的测试套件。WebdriverIO 是一个现代的 JavaScript 测试框架，适用于浏览器和移动设备的自动化测试。 你将从传统与新兴的软件构建与测试方法的基础知识开始。接着，学习测试规划与设计策略，帮助测试工程师为任何应用选择最佳的测试用例执行方式。然后，你将了解如何从终端用户的角度使用 Postman 测试应用程序。最后，你将通过 Postman 和 WebdriverIO 对一个工单管理器进行测试。 完成本课程后，你将掌握在测试工程领域或其他需要测试活动的角色中取得成功并实现职业发展的关键技能。
12h
初级
React 证书
此证书课程专为希望超越 GitHub 仓库展示自身 React 技能的开发者设计。通过互动练习和项目式评估，你将学习如何创建可扩展的现代 Web 界面，并最终获得一份证书，证明你具备专业级的实战能力。 你将从函数组件的基础开始，逐步掌握更高级的概念，如属性钻取（prop drilling）、上下文（context）、生命周期逻辑以及性能优化。每个模块都帮助你向认证目标迈进，确保你不仅在学习 React，更是在生产环境风格的挑战中应用它。 完成所有必修评估后，即可解锁该证书，证明你能够编写清晰、可复用的组件，并构建符合现代开发标准的完整页面应用。这正是你具备专业级 React 熟练度的有力证明。
10h
初级
使用 MERN 的全栈开发
通过掌握 MERN 堆栈，将你的 Web 开发技能提升到新的水平，MERN 是构建现代应用程序最热门的框架之一。利用 React 构建动态用户界面，使用 Express 和 Node.js 实现可扩展的后端，以及通过 MongoDB 实现灵活的数据管理，MERN 使你能够端到端地开发完整的 Web 应用。 这一自适应学习体验从个性化的前置评估开始，为你量身定制学习路径。随后，你将通过动手实践课程，学习响应式界面设计、安全的 API 开发以及高效的数据建模。完成学习后，你将具备信心和能力，使用这一强大技术栈构建、部署并维护真实世界的全栈应用。
40h
初级
使用 React 进行测试驱动开发
本课程深入探讨 React 中的测试。你将学习使用 Jest 和 Enzyme 等工具进行单元测试和集成测试。你还将了解 ESlint、Prettier、Babel、Webpack 和 Travis CI 等其他工具，它们能为编码和测试带来便利。
17h 30m
初级
使用 JavaScript 通过 Ticketmaster APIs 获取活动数据
Ticketmaster 是全球领先的活动票务管理和销售平台。Ticketmaster API 提供多种集成方式，帮助用户了解票价信息，并在 Ticketmaster 市场中便捷地购买或出售门票。 本课程将带你了解 Ticketmaster 的 Discovery API 和库存状态 API 的基础知识。你将学习如何使用这些 API 获取与活动相关的信息，通过端点搜索场馆和演出项目。此外，你还将掌握如何检查 Ticketmaster API 中门票库存状态这一关键功能。 同时，你将学习如何在 React 应用中集成这些 API 的功能。完成本课程后，你将具备使用这些 API 构建网页应用的实际经验。
4h
初级
通往 React 的道路：Hooks 篇
这是对我现有课程《通往学习 React 之路》的重新推出。自从我首次创建该课程以来，React 已经发生了诸多变化，因此我在此为你提供使用现代 React 所需的全部知识。（如果你需要了解传统 React 的内容，旧版课程仍然可以获取。） 在本课程中，你将深入学习 React 的基础知识，涵盖包括 Hooks 在内的所有新特性。虽然我也会讲解一些传统特性，以便你在维护旧代码库时能够应对，但课程的重点仍集中在现代 React 的应用上。你将学习如何为应用添加样式、应用维护技巧，以及性能优化等更高级的概念。 在整个课程中，你将通过构建一个 Hacker News 应用获得实际开发经验。完成本课程后，你将具备独立开发应用的能力，并拥有可用于作品集展示的实际项目。
25h
初级
用React深入任何领域
- 单页应用程序（SPA）
- 渐进式Web应用（PWA）
- 移动开发（React Native）
- 服务器端渲染（Next.js）
React基于组件的架构和虚拟DOM使其成为构建可扩展、可维护用户界面的首选。从初创公司到财富500强公司，React为世界上一些最受欢迎的应用程序提供动力。
开始学习React
通过掌握组件、状态管理和React生态系统开始您的React之旅。学习构建从简单网站到复杂企业应用程序的交互式用户界面。我们的课程涵盖从React基础到高级模式和最佳实践的所有内容。
探索一切：React
通过专为真实世界开发设计的实践课程成为React专家！
- 组件掌握: 学习使用现代React模式构建可重用、可维护的组件。
- 状态管理: 掌握React hooks、Context API以及Redux和Zustand等流行库。
- 性能优化: 了解React的渲染过程和优化技术。
- 生态系统探索: 深入了解Next.js、React Router、测试库和开发工具。
- 行业项目: 构建展示您React专业技能的生产就绪应用程序。
体验一个每节课都互动、每个项目都令人兴奋、每个挑战都是提升技能机会的学习之旅。准备好编码、创造和征服编程世界——因为你的技术未来从现在开始！
常见问题
React使用虚拟DOM进行高效更新，基于组件的架构实现可重用性，单向数据流实现可预测的状态管理。其庞大的生态系统、强大的社区支持以及Facebook的支持使其成为现代Web开发的可靠选择。
是的，学习React之前扎实的JavaScript知识是必不可少的。你应该了解ES6+特性，如箭头函数、解构、模块和Promise。React建立在JavaScript概念之上，所以坚实的基础将使学习React更容易、更有效。
React功能多样，可以构建单页应用程序（SPA）、渐进式Web应用（PWA）、使用React Native的移动应用、使用Electron的桌面应用程序，甚至使用Gatsby的静态网站。Netflix、Airbnb和Instagram等公司都使用React构建用户界面。