React Hook是React 16.8版本之后添加的新属性，用最简单的话来说，React Hook就是一些React提供的内置函数，这些函数可以让Function Component和Class Component一样能够拥有组件状态（state）以及进行副作用（side …

我们来研究一下最近天天都在使用 React Hook。说起 Hook，烧烤哥也用了好一阵子了，但是一直不知道 Hook 背后到底是怎么运作的，在出现 Bug 的时候只能靠一半猜一半试来解 Bug，这显然是不行的。所以，今天开始就让我们来把 React Hook 慢慢烤透，以便在…

这篇文章是基于我过去在 React JS & React Native Bonn Meetup 上所做的演讲。文章的目的是回答以下几个问题： 这是我在学校之外的第一次公开演讲，能够顺利结束真是极好的，谢谢所有前来捧场的朋友！😁演讲是我非常喜欢的一件事情，希望未来能做更多的演讲…

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

2019 年最后一发，谈谈这半年 Electron 应用开发和优化心得。干货也挺多，希望能给你带来一点启发。 下半年可以拿出来说一说的项目，估计就是我们用 Electron 重构了一个桌面端应用。这个应用类似于钉钉或者企业微信，主要功能有即时通信、语音/视频、会议，基本功能和交…

看目录结构清晰明了，由于“ CSS 文件分离 != CSS 作用域隔离”这样的机制，如果我们不通过一些工具或规范来解决 CSS 的作用域污染问题，会产生非预期的页面样式渲染结果。 假设我们在组件 A 和组件 B import 引入 comA.css 和 comB.css。 随着…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

在本篇文章中，我不想太深入解释有关 React Suspense 的实现细节和它内部的工作原理，因为已经有很多优秀的博客文章、视频和讨论做过这些事情了。相反，我更愿意把重点放在 Suspense 将会如何影响在应用开发时我们对加载状态和架构应用的思考。 鉴于有些人可能没有听说过…

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