React 最佳实践

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

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

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

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

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

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

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

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