本文真的是入坑指南。

  • React
  • React Router
  • React State
    • Redux(Flux)
    • Mobx
    • RxJS

还记得周星驰的零零七电影吗?没错,就是你以为这是一个电吹风,实际上它是一个剃须刀。

React也是如此,你以为它是一套完成的前端框架,实际上它也并不是,它只是前端框架中的一个小部分,他不像Vue、Angular一样,开箱即用,在你以为爬上一个山顶的时候,后面还有一个更高的山在等着你。这就是React。

React概念

  • React最小模块是组件,组件是以整体UI的一个片段(区块)为单元
    • UI片段:即在设计界面时,对一个界面进行分层,每一个层次即为一个片段。详情:Thinking in React
  • 组件分为函数组件和类组件
    • 函数组件不包含涉及UI片段内部的相关状态,类组件则涉及到UI片段内部状态的相关处理(如今有Hooks后,函数组件也可以处理UI片段内部的状态了)
  • React主要负责UI的渲染,提供了局部数据状态更新后的UI渲染机制。(虽然有全局的context用于在组件间传递共享数据,但处理较为复杂,不适用于全局范围内的大量数据及数据状态管理)

以上就是React的基础甚至核心思路了(如果我没有总结错误的话)

这也就意味着,你需要额外学习路由、全局数据状态管理等等相关的资料,这些都是React后面更高的山峰。而且由于React是基于JSX开展业务的(你也可以不用JSX,但和原始人没有什么区别了),所以路由、全局数据状态管理等等与vue、angular有很大的差异。这些都会陡增学习成本。

为什么学习React

  • 生态
  • 学习(响应式、Vritual DOM及下一代互联网技术)
  • be the one of the 内卷

发表评论

您的电子邮箱地址不会被公开。

11 − 5 =