react&redux&mobx
5篇文章 · 0订阅
  • 使用useReducer+useContext模拟一个redux
    背景介绍 在使用React开发项目的时候，通常对于一些全局数据我们都会选择使用redux来进行管理，但是在有些场景却不一定非要使用redux，比如下面的几个场景 部分复杂页面状态需要进行祖孙传递 项目
    React.js 前端
  • 深入源码剖析componentWillXXX为什么UNSAFE
    从v16.3.0开始如下三个生命周期钩子被标记为UNSAFE。 这三个钩子经常被错误使用，并且现在出现了更好的替代方案（这里指新增的getDerivedStateFromProps与getSnapshotBeforeUpdate）。 React从Legacy模式迁移到Concu…
    React.js
    深入源码剖析componentWillXXX为什么UNSAFE
  • React路由鉴权
    上一篇文章中有同学提到路由鉴权，由于时间关系没有写，本文将针对这一特性对vue和react做专门说明，希望同学看了以后能够受益匪浅，对你的项目能够有所帮助，本文借鉴了很多大佬的文章篇幅也是比较长的。 单独项目中是希望根据登录人来看下这个人是不是有权限进入当前页面。虽然服务端做了…
    React.js JavaScript 前端
    React路由鉴权
  • [MobX State Tree数据组件化开发][1]：MST基础
    上面列举的工具和库都有非常丰富的文档和教程，不太熟悉的同学最好先自学一下。 MST依赖MobX。 项目中执行yarn add mobx mobx-state-tree即可完成安装。 MobX有两个版本，新版本需要浏览器Proxy支持，一些老旧的浏览器并不支持，需要兼容老浏览器的…
    MobX
    [MobX State Tree数据组件化开发][1]：MST基础
  • [MobX State Tree数据组件化开发][0]：开篇
    React、Vue、Angular等库（框架）出现后，前端进入了UI组件化开发的时代。通过合理地划分应用的功能，封装成一个个从底层到高层的组件，最后构造为一颗组件树，完成我们的应用： ... ... 但是在实际开发中，还有一道绕不过去的坎：状态管理。怎么组织和划分应用的状态，U…
    MobX
    [MobX State Tree数据组件化开发][0]：开篇