关于React

如何借助工具来发现性能问题，对 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 实现动态表单，表单列表内容从服务器端拉取，表单元素根据用户选择动态显示。

Context API 在 React 的历史上一直实验性的存在，直到 React 16.3 之后正式成为了一个 Public API。

对于相似又有差异的组件，我们如何更大化的复用？这时就诞生了另外两种方式：高阶组件（ HOC ）和函数作为子组件。

为什么需要 Virtual Dom ？什么是 Virtual Dom ？React 的策略又是什么？

组件从被创建到被销毁的过程 被称为 组件的生命周期。在具有许多组件的应用程序中，当组件被销毁时释放所占用的资源是非常重要的。

JSX 可能会使人联想到模板语言，但它却是一颗语法糖。在 React 中配合使用，可以很好地描述 UI 应该呈现出它应有交互的本质形式。

如何将 UI 拆分成组件层级？props 和 state 分别担当了什么职责？怎么才能做到最大程度的组件复用？