React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…

这篇文章源自 Dan 的博客。 现在的热点是 hooks，所以 Dan 决定写一篇关于 class 组件的文章 😂。 文章中描述的问题，应该不会影响你写代码；不过如果你想深入研究 React 是怎么工作的，这篇文章可能会对你有帮助。 2015 年初的时候，React 0.13…

由于笔者阅读障碍症晚期，所以将官方文档上的内容，进行简化拆分，并与vue进行对比。 React 不强制要求使用 JSX，但是JSX会使你的代码更具有阅读性。 react有一个all in js 的概念，所有的一切都在js文件中实现，比如dom标签。 vue则是 html+js+…

在阅读之前，会有一些小伙伴觉得疑惑，作者怎么写前端文章了呢，作者不是专注后端Java吗？这是怎么了？其实不然，在4年前，那个时候还没有流行vue和react，身为后端程序员的我们，不管是java还是php程序员，都是需要写前端的，不过那个时候的前端没有现在那么多东西。我们一般叫…

React 是单向数据流，数据通过 props 从父节点传递到子节点。如果顶层的某个 props 改变了， React 会重新渲染所有的子节点。注意⚠️：props 是只读的（即不可以使用 this.props 直接修改 props），它是用于在整个组件树中传递数据和配置。 每…

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

我们都知道，React 最大的卖点之一，就是 Learn once, write anywhere 的通用性。但如何才能在浏览器之外，甚至在 Node.js 之外，用 React 渲染 UI 呢？本文将带你用 React 直通嵌入式驱动层，让现代前端技术与古老的硬件无缝结合。 …