随着前端应用体积的扩大，资源加载的优化是我们必须要面对的问题，动态代码加载就是其中的一个方案，webpack 提供了符合 ECMAScript 提案 的 import() 语法 ，让我们来实现动态地加载模块（注：require.ensure 与 import() 均为 webp…

你可能看到或是使用过今日头条的选择时间段组件，什么，你没有用过，请先看图 线上演示地址： andt-components 先解释一下选择器功能 组件一周时段可选，每半个小时一个粒度，可以连续选择，可点

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

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

一个天气预报React应用

如果近期有看我文章的同学，会知道我最近在公司做的是推送系统。推送系统在我这也叫做消息管理平台，其实很容易理解：提供一个支持多渠道发送消息的系统。 在前段时间，微信公布：小程序模板消息接口将于2020年1月10日下线，开发者可使用订阅消息功能。 本篇文章主要来聊聊我这边是怎么发送…

DEV的年度热文，读完觉得不错，所以翻译出来供大家参考，个人水平有限，文中可能会有一些翻译错误，可以在评论区指正。 本篇文章一共涉及了9个流行的框架/库，没有具体的介绍使用方法，而是给了一些非常棒的实战教程。 初学者(也许一些有经验的开发者也是一样)在读完官方文档，想写一个项目…

核心重点就是：MobX 通过响应式编程实现简单高效，可扩展的状态管理。 React 和 MobX 相辅相成，相互合作。 这里先了解下大概整理流程，接下来会结合代码，介绍每一个部分。 注意：transform-decorators-legacy 一定放在第一个。 1. 设置可观察…

IntersectionObserver API 的用法，以及如何兼容。 如何在React Hook中实现无限滚动。 如何正确渲染多达10000个元素的列表。 无限下拉加载技术使用户在大量成块的内容面前一直滚动查看。这种方法是在你向下滚动的时候不断加载新内容。 当你使用滚动作为…