我们非常激动地宣布 React v16.0 发布了！这些变更包含了一些存在已久的特性，包括碎片（fragments），错误边界，portals，支持自定义 DOM 属性，提升[服务端渲染]以及减小库的大小。

先为Search组件编写容器组件Search，以便操作状态管理中的数据。在container目录下新建Search.js，代码如下 回到components下search中的Search.js。在search组件的constructor中定义以下几个state 在上述代码中，搜…

前几天写了一个React Native组件：一个可定制性比较高的底部弹出菜单（ActionSheet）。该组件符合React Native的特性：同时支持iOS和Android双平台，一份相同的代码会在两个平台上展示几乎完全相同的样式。 上图展示的是该组件的默认样式。由于该组件…

声明：这不是一篇介绍React基础知识的文章，需要熟悉React相关知识 多年来，我逐渐意识到开发高质量的React应用的唯一正确途径，是编写函数组件。 在本文中，我将简要介绍函数组件和高阶组件。之后，我们将深入研究臃肿的React组件，将之重构为由多个可组合的高阶组件的优雅方…

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

UnderstandingTheReactSourceCode — InitialRendering(SimpleComponent)IPhotobyGerrievanderWalton Unspla

如今的 Web 前端已被 React、Vue 和 Angular 三分天下，一统江山十几年的 jQuery 显然已经很难满足现在的开发模式。那么，为什么大家会觉得 jQuery “过时了”呢？一来，文章《No JQuery! 原生 JavaScript 操作 DOM》就直截了当…

在浏览器渲染过程与性能优化一文中（建议先去看一下这篇文章再来阅读本文），我们了解与认识了浏览器的关键渲染路径以及如何优化页面的加载速度。在本文中，我们主要关注的是如何提高浏览器的渲染性能（浏览器进行布局计算、绘制像素等操作）与效率。 很多网页都使用了看起来效果非常酷炫的动画与用…

本系列文章在实现一个 (x)react 的同时理顺 React 框架的主干内容(JSX/虚拟DOM/组件/生命周期/diff算法/...)