Asabeneh/30-Days-Of-React

这是什么？

核心功能

• 01从组件、Props 讲到 State 和事件处理，覆盖 React 基础。
• 02包含 React Router、Context、Ref 和自定义 Hook 等进阶主题。
• 03按 30 天划分，每天一个学习主题。
• 04提供 JavaScript 复习章节，便于基础薄弱的读者补课。
• 05附带 Node.js、Chrome 开发者工具和 VS Code 的环境配置说明。

适用场景

• 在熟悉基础 JavaScript 后，从零开始学习 React。
• 按照每日计划，用一个月时间系统地掌握 React 技能。
• 通过配套项目和练习，练习 Hooks 与路由的用法。

快速上手

1. 1

   Fork 并克隆仓库

   git clone git@github.com:username/30-Days-Of-React.git
2. 2

   进入项目文件夹

   cd 30-Days-Of-React
3. 3

   从官网安装 Node.js，然后检查是否安装成功

   node -v
4. 4

   打开第一课并跟着学习

使用前须知

• !课程以教程形式提供，README 未声明许可证。
• !部分图片和内容来自另一门课程，可能需要重命名。
• !作者说明内容未经校对。

标签

常见问题

30-Days-Of-React 是什么？

一份为期 30 天、循序渐进的 React 学习教程，从 JavaScript 基础讲到 Hooks、路由和状态管理。 30 Days Of React 是一个教程仓库，按天划分为 30 节课，每天一个主题。前几天从 JavaScript 基础和 React 入门讲起，依次覆盖组件、Props、列表与 key、State、条件渲染、事件、表单，以及受控与非受控组件。

30-Days-Of-React 可以免费使用吗？用的什么许可证？

30-Days-Of-React 没有声明许可证。代码虽然公开，但没有许可证就没有明确的使用授权，正式使用前建议先联系作者。

30-Days-Of-React 还在维护吗？

半年内有更新。30-Days-Of-React 最近一次提交是在 2026年8月27日。

30-Days-Of-React 适合用来做什么？

在熟悉基础 JavaScript 后，从零开始学习 React。 按照每日计划，用一个月时间系统地掌握 React 技能。 通过配套项目和练习，练习 Hooks 与路由的用法。

30-Days-Of-React 怎么安装和运行？

Fork 并克隆仓库: git clone git@github.com:username/30-Days-Of-React.git 进入项目文件夹: cd 30-Days-Of-React 从官网安装 Node.js，然后检查是否安装成功: node -v 打开第一课并跟着学习

在哪里获取 30-Days-Of-React？

源代码和安装说明在 GitHub 上：https://github.com/Asabeneh/30-Days-Of-React