荷包蛋卷

如何借助工具来发现性能问题，对 React 进行调优？ 在日常的开发中，我们主要借助两个工具： React DevTool & Chrome DevTool...

React 15 以及之前的版本有一个主要的问题 —— 虚拟 DOM 的 diff 操作是同步完成的。 这就意味着当页面上有大量 DOM 节点时，diff 的时间可能过长，...

在介绍 Reselect 的之前，我们首先要知道 Selector 这个概念，那么什么是 Selector 呢？...

在性能优化中，有一块很重要的部分 -- 网络性能优化（自动化按需加载）。 什么是自动化按需加载呢？在应用加载的过程中，我们不会将所有的资源一次性加载到前端；而是选择加载页面...

在项目开发中，性能永远是第一需求，必须时刻考虑性能问题。 如何避免应用出现性能问题，可以考虑这几个方面： 了解常见的性能问题场景、时刻注意代码的潜在性能问题、注重可重构的代...

【可拖放列表】在实际业务中也是一个十分常见的功能，比如通过拖放列表元素进行排序、拖放元素在不同的容器中穿梭等。...

React-Beautiful-DND，一个强大的拖拽包，能够优雅的做出丰富的拖拽页面应用，适用于列表之间拖拽的场景，支持移动端，且简单易上手。...

React 提供了声明式方式，让我们可以更方便清晰的描述 UI ，但是，对于需要依赖真实 DOM 节点的第三方 js 库，例如 D3.js，我们又该怎么在 React 组件...

在实际开发中，我们大多会选择直接使用 Antd 的对话框组件，其实 Antd 对话框的实现也是基于 React Portals 这个特性。...

页面布局也是在实际开发中经常用到的技术。 在大的方面，可以实现整个页面的布局，比如左侧导航、header、footer... 在小的方面，可以是内容布局，比如文章。...

在复杂表单的实现中，经常会用到分步操作，基于路由实现的分步操作，可以在刷新页面时依然停留，用户可以根据路由直接定位到准确步骤页面。...

当页面数据来自于多个请求时，我们需要先考虑这几点： 请求之间无依赖关系，可以并发进行 请求之间存在依赖关系，需要依次进行 请求完成之前，页面显示 Loading 状态...

列表页面是实际开发中最最常见的场景，它是一堆数据的集合的展示，开发列表主要需要考虑的技术点：获取数据后的展示以及对数据的缓存...

基于 React 和 Ant Design 实现动态表单，表单列表内容从服务器端拉取，表单元素根据用户选择动态显示。...