前端进行权限控制只是为了用户体验，对应的角色渲染对应的视图，真正的安全保障在后端。 用户若记住了某个 url，直接浏览器输入，不论该用户是否拥有访问该页面的权限，均能进入页面。 若页面初始化时（componentDidMount）进行接口请求，后端会返回 403 的 HTTP …

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…

现如今前端React生态圈已有不少优秀的懒加载组件，比如react-lazy-load、react-lazy-mount等，但是它们并没有实现一个组件完全的懒加载，当DOM没有出现在视口中时，它们会先渲染出一部分，等到出现在视口中才会渲染要懒加载的目标，大多数基本都是图片懒加载…

hooks是一种能够在函数式组件中调用的函数，他可以让你在不编写class的情况下使用state以及其他的react特性。 然后需要在对应的JSX节点中添加ref属性，这个ref属性值就是调用useRef返回的ref对象。此时需要获取真实DOM，只需要获取到ref的curren…

自从react16.8，react-hooks诞生以来，在工作中一直使用hooks，一年多的时间里，接触的react项目，渐渐使用function无状态组件代替了classs声明的有状态组件，期间也总结了一些心得。尤其对于近期三个月的项目里，一点点用自定义hooks来处理公司项…

Vue在CSS上虽然不能称之为完美，但是已经足够简洁、自然、方便了，至少统一的样式风格不会出现多个开发人员、多个项目采用不一样的样式风格。 当然，我们可以通过原生的CSS来实现这些过渡动画，但是React社区为我们提供了react-transition-group用来完成过渡动…

当更新 style 属性时，React 仅更新有所改变的属性。

在 React Europe 2020 Conference 上， Facebook 软件工程师 Dave McCabe 介绍了一个新的状态管理库 Recoil。 Recoil 现在还处于实验阶段，现在已经在 Facebook 一些内部产品中用于生产环境。毕竟是官方推出的状态管…

React-redux 7.1发版啦。 因为在新的项目中用到了hooks，但是用的时候react-redux还处于alpha.x版本的状态。用不了最新的API，感觉不是很美妙。好在，这两天发布了7.1版本。 现在来看看怎么用这个新的API。 这个是干啥的呢？就是从redux的s…