react-router升级到4之后，跟前面版本比有了很大的差别。 例如包的拆分，动态路由等详细的差别就不说了，各位大神的总结也很到位，详细可以点击看看，All About React Router 4这篇文章。 此外还有个差别是路由规则的变化。 一直有着上个版本的习惯，所以稍…

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

原文地址：All About React Router 4 原文作者：BRAD WESTFALL 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO/all-about-react-rou…

左边面板部分支持拖拽功能，可以让用户可以看到完整的目录。 其中关于鼠标移动距离的计算可以借用event.clientX获取。 博主去github上一顿找，找到一个还不错的插件react-draggable，npm链接。 （1）左右box最好采用flex布局，左边box初始wid…

《React in patterns》是一本非常棒的 React 开源书 GitHub 上有将近 9k 的 stars 注: 此书并非 React 入门书，而是作者对 React 的一些思考与理解

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

React Conf 2019 在今年 10 月份举办，内容质量还是一如既往的高，如果想进一步学习前端或者 React，这个大会一定不能错过。 希望前端精读成为你学习成长路上的布道者，所以本期精读就介绍 React Conf 2019 - Day1 的相关内容。 总的来看，Re…

近期做了一个 spa的单独项目中,有个需求就是希望根据登录人来看下,这个人是不是有权限进入当前页面。虽然服务端做了进行接口的权限，但是每一个路由加载的时候,都要去请求这个接口太浪费了。 router 早期版本有进入路由的钩子函数可以实现这一点，但是 router4 去掉了采取了…