more 注释之前的内容被视为文章摘要。
...大约 2 分钟
项目名称
项目详细描述
链接名称
链接详细描述
书籍名称
书籍详细描述
文章名称
文章详细描述
伙伴名称
伙伴详细介绍
自定义项目
自定义详细介绍
一、React基础知识与概念
1.React简介
1.1 react是什么？
React 是一个用于构建用户界面的 JavaScript 库。
- 是一个将数据渲染为 HTML 视图的开源 JS 库
- 它遵循基于组件的方法，有助于构建可重用的 UI 组件
- 它用于开发复杂的交互式的 web 和移动 UI
1.2 React 有什么特点？
- 使用虚拟 DOM 而不是真正的 DOM
- 它可以用服务器渲染
- 它遵循单向数据流或数据绑定
- 高效 (优秀的Diffing算法)
- 声明式编码，组件化编码
...大约 94 分钟
六、初始化脚手架
1.什么是 React 脚手架？
在我们的现实生活中，脚手架最常用的使用场景是在工地，它是为了保证施工顺利的、方便的进行而搭建的，在工地上搭建的脚手架可以帮助工人们高校的去完成工作，同时在大楼建设完成后，拆除脚手架并不会有任何的影响。
在我们的 React 项目中，脚手架的作用与之有异曲同工之妙
React 脚手架其实是一个工具帮我们快速的生成项目的工程化结构，每个项目的结构其实大致都是相同的，所以 React 给我提前的搭建好了，这也是脚手架强大之处之一，也是用 React 创建 SPA 应用的最佳方式
...大约 19 分钟
七、react-router 5
1.准备
1.1 SPA
而为了减少这样的情况，我们还有另一种应用，叫做 SPA ，单页应用程序
它比传统的 Web 应用程序更快，因为它们在 Web 浏览器本身而不是在服务器上执行逻辑。在初始页面加载后，只有数据来回发送，而不是整个 HTML，这会降低带宽。它们可以独立请求标记和数据，并直接在浏览器中呈现页面
1.2 什么是路由？
路由是根据不同的 URL 地址展示不同的内容或页面
在 SPA 应用中，大部分页面结果不改变，只改变部分内容的使用
...大约 46 分钟
17 【redux】
引言
我们现在开始学习了 Redux ，在我们之前写的案例当中，我们对于状态的管理，都是通过 state 来实现的，比如，我们在给兄弟组件传递数据时，需要先将数据传递给父组件，再由父组件转发 给它的子组件。这个过程十分的复杂，后来我们又学习了消息的发布订阅，我们通过 pubsub 库，实现了消息的转发，直接将数据发布，由兄弟组件订阅，实现了兄弟组件间的数据传递。但是，随着我们的需求不断地提升，我们需要进行更加复杂的数据传递，更多层次的数据交换。因此我们为何不可以将所有的数据交给一个中转站，这个中转站独立于所有的组件之外，由这个中转站来进行数据的分发，这样不管哪个组件需要数据，我们都可以很轻易的给他派发。
...大约 57 分钟
八、react-Hook （上）
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
1.准备
1.1 什么是 Hook
Hooks 译为钩子，Hooks 就是在函数组件内，负责钩进外部功能的函数。
React 提供了一些常用钩子，React 也支持自定义钩子，这些钩子都是用于为函数引入外部功能。
当我们在组件中，需要引入外部功能时，就可以使用 React 提供的钩子，或者自定义钩子。
...大约 32 分钟
12 【react高级指引（上）】
1.setState 扩展
1.1 对象式 setState
首先在我们以前的认知中，setState 是用来更新状态的，我们一般给它传递一个对象，就像这样
this.setState({
count: count + 1
})
...大约 28 分钟
Scss 基本语法
Scss 在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，实现更高效地开发网站前端。
...大约 42 分钟
vue2基础用法
参考文章：
- 尚硅谷主讲的vue：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili
- 现代JavaScript：现代 JavaScript 教程
- MDN文档：Web 开发技术 | MDN (mozilla.org)
- 我是你的超级英雄 深入剖析：Vue核心之虚拟DOM - 掘金 (juejin.cn)
...大约 98 分钟