React 是 Facebook 在 2013 年开源 JavaScript 库。它把界面抽象成一个个组件，通过组合这些组件，开发者可以得到功能丰富的页面。同时引入了 JSX 语法，使得复用组件变得容易，且结构清晰。并且有了组件这层的抽象，代码和真实渲染目标分离，除了可以在浏览…

最近准备培训新人, 为了方便新人较快入手 React 开发并编写高质量的组件代码, 我根据自己的实践经验对React 组件设计的相关实践和规范整理了一些文档, 将部分章节分享了出来. 由于经验有限, 文章可能会有某些错误, 希望大家指出, 互相交流. 由于篇幅太长, 所以拆分为…

JSX 指定属性的时候，不要在 JavaScript 表达式的大括号外面再加上引号。引号（对于字符串）或者大括号（对于表达式）应该取其中的一个，对同一个属性不能同时使用两个 与浏览器的 DOM 元素不同，React 元素是创建开销极小的普通对象。通过 React DOM 保持 …

本篇文章会从零开始编写 Redux，如果你对 Redux 的使用和源码已经非常熟悉，那么你只需要粗略浏览即可，如果你还不太清楚，那么跟着本篇文章一起来实现你的 Redux 吧。知其然，知其所以然。 本篇文章对应的代码在: https://github.com/YvetteLau…

前段时间一直在研究react ssr技术，然后写了一个完整的ssr开发骨架。今天写文，主要是把我的研究成果的精华内容整理落地，另外通过再次梳理希望发现更多优化的地方，也希望可以让更多的人少踩一些坑，让跟多的人理解和掌握这个技术。 相信看过本文（前提是能对你的胃口，也能较好的消化…

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

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 React 没有提供将可复用性行为 “附加” 到组件的途径（例如，把组件连接到 store）。 解决此类问题可以使用 render prop…