学习应该充满乐趣：ReactJS + Twitch API 教程

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

这个世界到底需要多少个待办事项应用和计算器？

学习编程很难，这有时会让人难以保持动力。更糟糕的是，大多数入门教程几乎都是老生常谈，不仅枯燥乏味，而且对找工作也毫无帮助。

我认为最好的学习方法是将你喜欢的东西融合在一起，创造出新的事物。例如，利用 Twitch API 将编程与游戏结合起来。

本教程专为初学者设计。完成本教程后，您将拥有多种扩展基础项目的功能，从而打造出独一无二的作品集。以下是一些您可以添加的功能示例：

• 使用图表库创建实时统计仪表板，并每分钟调用 API 更新浏览量。
• 创建个人资料路由并嵌入直播流，而不是直接链接到 Twitch https://dev.twitch.tv/docs/embed/
• 更改用于显示来自 Twitch API 的数据的卡片样式
• 添加错误处理机制，以应对诸如 API 限制或中断之类的问题。
• 添加一个加载组件来包裹我们的列表，以便在 API 调用返回之前显示加载图标。
• 将一些重复的逻辑（例如替换 URL）拆分出来，并为重复的 UI 逻辑创建列表组件和卡片组件。

本教程假设您具备 ReactJS 的一些基本知识，因此请确保您至少已经阅读过Reactjs 入门指南，并了解 React 的基本概念，例如 JSX、状态管理以及如何使用组件。

完成后，欢迎留下项目链接，让其他人也能看到你的作品。