React16 新特性介绍及跳坑指南

最近（2018-10-23）React官方发布了16.6版本，开放了一堆新的功能，而这其中的一些新功能，代表这未来的React开发方式，让我们来一起窥探未来吧。 做过code-splitting的同学能闻到熟悉的味道。以前我们要用第三方包或者自己处理异步过程，现在，React原…

React16.3更新了很多新的内容：生命周期、Context、React.createRef()、Portals等等。对于更新飞快的前端来说，我们应该已经习惯了要不断学习╮(╯▽╰)╭。本文将介绍官方文档两个结合新内容Context和Portals。 在传统的React应用中…

本文译自《Optimizing React: Virtual DOM explained》，作者是Alexey Ivanov和Andy Barnov，来自Evil Martians’ team团队。 译者说：通过一些实际场景和demo，给大家描述React的Virtual Do…

自从去年9月份 React 团队发布了 v16.0 版本开始，到18年3月刚发布的 v16.3 版本，React 陆续推出了多项重磅新特性，并改进了原有功能中反馈呼声很高的一些问题，例如 render 方法内单节点层级嵌套问题，提供生命周期错误捕捉，组件指定 render 到任…

上一篇我们已经讲了 create-react-app里面创建package.json安装依赖并且拷贝可运行的demo等步骤。传送门 这一篇我们来讲一下 create-react-app里面的启动服务等部分，就是平时我们安装完依赖之后，启动开发服务:npm start。这一块涉及…

dynamic import不知道为什么有很多叫法，什么按需加载，懒加载，Code Splitting，代码分页等。 总之，就是在SPA，把JS代码分成N个页面份数的文件，不在用户刚进来就全部引入，而是等用户跳转路由的时候，再加载对应的JS文件。 这样做的好处就是加速首屏显示速…

前言：此文需要有一定react，redux基础，具体学习资料请科学上网。 webpack的import动态加载的模块的函数，import(参数)，参数为模块地址。 注意：import后会返回一个promise对象。 本demo使用的是router4,官方文档演示为单行Route…

近日实现了一个 React 同构直出的模板 React Isomophic，开箱即用。 该模板支持 Koa2 + React + React Router + Redux + Less 。 传统的 SPA 开发模式由于其页面渲染全部放在了客户端，从而导致了一些一直以来难以解决的…