React 16.8 正式推出 Hooks 至今已经两年多了，有些朋友却一直觉得这是个新技术，对上手使用 Hooks 仍然处于观望状态，即使大多数使用React 技术栈的公司，他们所开发的项目也是多数采用React.Component的形式。 还有些朋友想要使用 React H…

react项目鉴权怎么办？路由跳转没有回调怎么办？路由懒加载怎么办？接下来逐个分析分析一下。 先来看一下定义，要满足以上要求，这个类至少由以下几个部分组成。 按路由进行代码分割然后按需加载，适合大多数优化场景，而且这种方式与业务代码完全解耦，虽然有时分割得比较粗糙，但确实是一把…

从零开始一个简单的博客网站

现在稍微大型的站点都会采用H5/PC端 并行，通过nignx获取浏览器的UA信息来切换站点。 但这对于一些企业站点或人手不足的小型项目来说，就很难实现。 通过CSS媒体查询实现响应式布局，是主流方式。 但是，有时在React程序中，需要根据屏幕大小有条件地渲染不同的组件（写媒体…

解决了的问题是：当我们一个函数组件想要有自己维护的state的时候，不得已只能转换成class。这样很麻烦！ 😄1. 重点： useState的初始值，只在第一次有效 我当时反正没有当回事，直到遇到了坑... 🌰2. 举个例子： 😄 1. 就是相当于全局作用域，一处被修改…

Hooks 顾名思义，字面意义上来说就是 React 钩子的概念。通过一个 case 我们对 React Hooks 先有一个第一印象。 假设现在要实现一个计数器的组件。如果使用组件化的方式，我们需要做的事情相对更多一些，比如说声明 state，编写计数器的方法等，而且需要理解…

import 语句用于导入由另一个模块导出的绑定。无论是否声明了 strict mode，导入的模块都运行在严格模式下。import语句不能在嵌入式脚本中使用。 将引用模块默认导出的名称。 要导入的模块。这通常是包含模块的 .js 文件的相对或绝对路径名，可以不包括 .js 扩…

如果你刚开始接触 React，你可能已经听说过 “高阶组件” 和 “容器” 组件。你也许会奇怪这都什么鬼东西。或者你已经开始使用库提供的 API 了，但对于这些个术语还有些疑惑。花些时间来理清这些疑惑总比一直半解强吧。阅读时间：10-15min

redux、mobx本身是一个独立的状态管理框架，各自有自己的抽象api，以其他UI框架无关（react, vue...），本文主要说的和react搭配使用的对比效果，所以下文里提到的redux、mobx暗含了react-redux、mobx-react这些让它们能够在reac…