每个初学者都必须尝试的 5 个基于 React 的项目

介绍

React 是社区中流行的 JavaScript 框架之一。React 功能强大，你可以使用它开发各种 Web 应用。今天，我将列出 5 个可以使用 React 框架完成的项目。

1. COVID-19信息应用程序

您可以创建一个网页，展示 COVID-19 的最新信息和统计数据。我们可以使用 API 获取 COVID-19 的相关数据。您可以根据需要在页面上显示这些信息。您可以使用disease.sh的 API获取数据。

您将学到什么？

• API 管理
• 道具
• 状态管理
• 弹性盒容器

2.天气应用

我们可以创建自己的天气系统来了解天气情况。我们还可以创建一个输入框来搜索不同的城市。您可以创建一个输入框来获取城市名称并在网页上显示天气信息。OpenWeather是我最喜欢的提供天气信息的 API 之一。API 附带图标代码。您可以使用此代码根据天气情况显示图标。

您将学到什么？

• API 管理
• 道具
• 状态管理
• 可重用组件

3.食谱应用程序

是的，这是一款食谱应用，旨在帮助您和其他想要烹饪美味佳肴的人。在这个应用中，我们可以根据搜索输入显示食谱。我们还可以显示一些特色食谱。Edamam为食谱应用提供了 API。它是目前最好的食谱 API 之一。

您将学到什么？

• API 管理
• 道具
• 状态管理
• 可重用组件

4.计算器应用程序

你可以使用 React 开发从基础到高级的科学计算器。设计计算器可以帮助你理解语言，也能测试你的数学知识。不过，设计一个计算器并根据你的需求添加功能也相当有趣。

您将学到什么？

• 道具
• 状态管理
• 可重用组件

5. 待办事项应用

您可以创建一个带有输入框的待办事项应用，用于将新的待办事项添加到列表中。您可以创建一个输入框，用于在待办事项应用中输入新任务。您可以使用数据库来存储这些信息。您可以使用 Firebase 存储数据并获取实时更新。您可以为已完成和未完成的任务添加动画。我们还可以根据任务的完成情况为用户提供积分。

您将学到什么？

• Firebase 数据库管理
• 道具
• 状态管理
• 可重用组件
• 实时数据库更新

感谢您阅读这篇博文。您可以在评论区推荐更多应用，供其他人尝试。

daily.dev在每个新标签页发布最棒的编程新闻。我们将为您筛选数百个优质资源，助您掌控未来。