从Bob Ziroll学习React

学习 React 起初可能会觉得有些挑战，特别是当你不知道从哪里开始或发现自己盯着一个空的代码编辑器时。但合适的课程可以帮助你理解核心概念，并通过构建真实项目来获得实践经验。

我们刚刚在 freeCodeCamp.org 的 YouTube 频道发布了一门课程，以最具吸引力和实践的方式教你现代 React。这门课程由 Scrimba 的 Bob Ziroll 创建，包含超过 170 个编码挑战和六个令人兴奋的项目。到课程结束时，你将拥有开发解决实际问题的 React 应用程序所需的技能和信心。Bob 之前的 React 课程是学习 React 的最受欢迎方式之一，他完全更新了这门课程，以教授所有最新的 React 概念。

你将在本课程中学到什么

课程分为六个全面的部分，从基础开始，逐渐深入到更复杂的概念：

1. React 基础
   探索 React 的基础，包括 JSX、组件、属性、状态，以及 React 的声明式和可组合设计原则。你的第一个项目，ReactFacts，是一个简单有趣的功能组件构建和样式应用的入门项目。

2. 旅行日志项目
   学习创建可重用组件并使用props。您将使用JavaScript的.map()函数动态渲染旅行日志，使其既功能性又视觉上吸引人。

3. 厨师克劳德项目
   探索状态管理和表单，构建一个食谱应用程序。您将练习事件处理、条件渲染以及使用数组和对象管理复杂状态。在本节结束时，您将深入了解如何处理React中的用户交互。

4. 表情包生成器项目
   从API中获取数据并使用React的useState和useEffect钩子。您将创建一个表情包生成器，动态加载和定制表情包图像，让您体验数据获取和受控组件。

5. Tenzies游戏
   创建一个掷骰子游戏，让用户掷骰子、保留点数并匹配骰子以获胜。这个项目非常适合在React中练习组件样式、条件逻辑和游戏机制。

6. 汇编终极项目
   用一个猜词游戏结束课程，挑战您规划并实现更高级功能的能力，包括可访问性改进、状态共享和交互式UI组件。

课程以一些提示和工具来加速您的开发环境，包括VS Code扩展和React开发者工具，简化调试和提高生产力。

结论

准备好迈出现代React世界的第一步了吗？查看freeCodeCamp.org YouTube频道上的课程（16小时时长）。