React 16.6添加了一个新的特性: React.lazy(), 它可以让代码分割(code splitting)更加容易。 接下来通过一个股票App Demo， 来学习如何使用React.lazy这个新特性并了解为什么要使用它。 我们创建了一个股票Web App，App展…

性能一直以来是前端开发中非常重要的话题。随着前端能做的事情越来越多，浏览器能力被无限放大和利用：从 web 游戏到复杂单页面应用，从 NodeJS 服务到 web VR/AR、数据可视化，前端工程师总是在突破极限。随之而来的性能问题有的被迎刃而解，有的成为难以逾越的盾墙。 这篇…

Toast 不需要同页面一起被渲染，而是根据需要被随时调用。 Toast 是一个轻量级的提示组件，它的提示不会打断用户操作，并且会在提示的一段时间后自动关闭。 Toast 需要提供几种不同的消息类型以适应不同的使用场景。 Toast 的方法必须足够简洁，以避免不必要的代码冗余。…

该项目起始于2015年底, 也是我刚开始学习 JavaScript 的时候, 当时仅仅是想做个练手项目. 后面随着在前端领域的深入学习, 也一直在更新技术栈, 目前已经是重构后的第五个版本 得益于 node.js 和 react-native 的出现, 使得 jser 的触手伸…

react与vue的比较一直是一个比较引战与容易引起争议的话题，或许每个前端都或多或少的参与到过这场辩论中，但是在这场巨大的辩论中产出的有价值的内容却一直比较稀缺。在这里我无意再次引起争吵，只是结合我自己的经验希望尽可能客观的阐述一些我认为的两个框架上一些差别与优劣。事实上如果…

按课程小节整理了 Dan Abramov 两套课程的代码，已上传 github。Building React Applications with Idiomatic Redux 课程中，有部分老旧的代码，在 router v4 下不能正常运行，在这份练习代码中，支持了 v4。 …

怎么说嘞，我又写了个音乐播放器，不过这次是用 React 写的。之前实习的时候用了两个多月 React，实习结束之后过了两个月就已经快把 React 忘了，所以决定写个项目复习一下。 加上自己之前用 Vue 实现过一个简单的手机端 Web 版音乐客户端，虽然功能还比较全，但是距…

该方法在getSnapshotBeforeUpdate方法之后被调用，有三个参数prevProps，prevState，snapshot，表示之前的props，之前的state，和snapshot。第三个参数是getSnapshotBeforeUpdate返回的

上周我写了一篇文章: 基于React的表单开发的分析(上), 主要讲解我们在后台系统开发中 关于新建、编辑、详情这三个页面的异同点以及开发的要点，并最后有提到这期总结一个基于Antd的表单公用组件的设计与实现。 ... TextPreview => 自定义的表单组件, 它和In…