在谈及 Immutable 数据之前，我们先来聊聊 React 组件是怎么渲染更新的。 state 的更新一般是通过在组件内部执行 this.setState 操作, 但是 setState 是一个异步操作，它只是执行将要修改的状态放在一个执行队列中，React 会出于性能考虑…

黄子毅，目前在阿里数据中台前端团队，负责数据产品相关业务。前端精读创办者、数据流框架 Dob 作者、可视化编辑器 gaea-editor 作者、react-native-image-viewer 作者、曾维护数套前端组件库。 本文来自黄子毅在“携程技术沙龙——新一代前端技术实践…

React 中常见模式是为一个组件返回多个元素。为了包裹多个元素你肯定写过很多的 div 和 span，进行了不必要的嵌套，增加了浏览器的渲染压力。Fragments 可以让你聚合子元素列表，并且不增加额外节点。 15以前，render 函数的返回必须有一个根节点，否则报错，为…

React在版本16.3-alpha里引入了新的Context API，社区一片期待之声。我们先通过简单的例子，看下新的Context API长啥样，然后再简单探讨下新的API的意义。 文中的完整代码示例可在笔者的GitHub上找到，点击传送门。 需要安装16.3-alpha版…

前言React生命周期一、初始化阶段1、设置组件的默认属性2、设置组件的初始化状态3、componentWillMount()4、render()5、componentDidMount()二、运行中阶

一个系统拥有大量的业务场景和业务代码，相似的页面和代码层出不穷，如何管理和抽象这些相似的代码和模块，这肯定是诸多团队都会遇到的问题。 不断的拷代码？还是抽象成 UI 组件或业务组件？显然后者更高效。 那么现在就面临一个选择：一是选择 React 生态中已有的组件库，例如 ant…

引言 UI 组件中有很多弹出式组件，常见的如 Dialog，Tooltip 以及 Select 等。这些组件都有一个特点，它们的弹出层通常不是渲染在当前的 DOM 树中，而是直接插入在 body （或者其它类似的地方）上的。这么做的主要目的是方便控制这些弹出层的 z-index …

HTML 5.2 发布。 毫无疑问，这是 Vue.js 在流行中飞速发展的一年。 前端 HTML & CSS 开发者和前端应用程序开发者之间的巨大区别终于被认知，并重新定义。 作为使用 web 技术构建应用程序的前端 JavaScript 开发者变得越来越好，也越来越糟。 今年…

我们很高兴的宣布React v16.0发布了，这次版本的新增了一些呼声很高的特性，包括支持render返回数组和字符串、错误处理、portals、自定义DOM属性、优化服务器端渲染以及减少文件大小。