React 学习总思路 一篇搞定React核心内容

React 是什么？
【官方定义】用于构建用户界面的 JavaScript 库；
【资料1理解】将数据渲染为HTML视图的开源JavaScript库；--- 笔者推荐理解

阶段式学习目标

大致分为四个阶段，阶段四有者;

• 阶段一：入门；（理解核心概念）
• 阶段二：进阶；
• 阶段三：React特性；
• 阶段四：实战与生态； --- 穿插在前几个阶段中
• 阶段五：持续更新知识；

入门阶段

在入门阶段重点就是理解核心概念，其中核心概念有【组件】、【JSX语法】、【生命周期】、【state, props, ref】、【表单处理】、【列表相关方法】。

• 组件的理解 学习笔记—02
• 三大“护法” state, props, ref 学习笔记-02
• 生命周期
• 数组的处理方法

实战

• JS30 开始实现React

进阶阶段

React 特性

单向数据流，虚拟DOM，React Hook

React Hook 使用函数组件

练习 - 模仿开发

GitHub JavaScript30: 30 Day Vanilla JS Challenge - 挑战地址

用react实现javascript 30的练习 笔者的仓库 gitee

其中参考学习仓库

• github.com/joshuajanse…
• github.com/sinchang/ja…

参考资料 (包含视频和文章)

1. 尚硅谷React教程 bilibili
2. MDN Web Docs (mozilla.org) 前端公开查询资料

✅前端的基础知识

1. Front End Roadmap roadmap.sh/frontend
2. Udemy www.udemy.com/
3. React react.dev/  ✅web3 技术库
4. WAGMi https:///wagmi-xyz.vercel.app/
5. web3-react github.com/Uniswap/web… ✅实践参考 1.NextJS Ethereum 脚手架 github.com/ChangoMan/n…
6. Uniswap github.com/Uniswap/int… ✅从大牛身上学习 1.郭宇的文章《Web3 DApp 最佳编程实践指南》 guoyu.mirror.xyz/RD-xkpoxasA…
7. 郭字的 GitHub Web3 技术栈收藏 github.com/stars/guo-y…