React Learning Log

React 学习记录

用一个页面记录 React 学习路线、每日进展、项目练习和复盘结论。 重点关注组件拆分、状态管理、Hooks、路由、请求、性能优化和工程化实践。

📌今日学习记录

04 / 29

理解组件与 Props

练习把页面拆成 Header、TaskList、TaskItem、Footer 等组件,明确父子组件的数据传递方式。

Component Props JSX
04 / 28

掌握 useState 基础

实现计数器、输入框联动和列表增删,理解状态变化会触发组件重新渲染。

useState State
04 / 27

搭建 Vite + React 项目

完成开发环境初始化,了解目录结构、入口文件、组件文件和样式文件的关系。

Vite React Dev Server

📈知识掌握度

组件设计80%
Hooks 使用62%
路由与状态38%
性能优化25%

🛠️项目练习

Todo List

练习状态管理、列表渲染、表单输入、任务筛选和本地存储。

天气查询面板

练习接口请求、加载状态、错误提示和响应式布局。

学习资料收藏夹

练习组件复用、标签筛选、搜索和数据结构设计。

📝复盘区

本周重点:把“能写组件”推进到“能设计组件边界”。

今日收获:理解了 React 中数据从父组件流向子组件的方式,后续需要继续练习状态提升和组件通信。
下次计划:完成 Todo App 的编辑、删除、筛选和 localStorage 保存功能,并整理成一篇学习笔记。