首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React 最佳实践
荷包蛋卷
创建于2021-08-03
订阅专栏
react 在业务场景的一些最佳实践
等 14 人订阅
共8篇文章
创建于2021-08-03
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React 最佳实践:亲手码一个「可拖放列表」
【可拖放列表】在实际业务中也是一个十分常见的功能,比如通过拖放列表元素进行排序、拖放元素在不同的容器中穿梭等。
React 最佳实践:集成第三方库(D3.js)
React 提供了声明式方式,让我们可以更方便清晰的描述 UI ,但是,对于需要依赖真实 DOM 节点的第三方 js 库,例如 D3.js,我们又该怎么在 React 组件中使用呢?
React 最佳实践:如何实现原生对话框(Portals)
在实际开发中,我们大多会选择直接使用 Antd 的对话框组件,其实 Antd 对话框的实现也是基于 React Portals 这个特性。
React 最佳实践:可拖拽侧边栏
页面布局也是在实际开发中经常用到的技术。 在大的方面,可以实现整个页面的布局,比如左侧导航、header、footer... 在小的方面,可以是内容布局,比如文章。
React 最佳实践:基于路由实现分步操作
在复杂表单的实现中,经常会用到分步操作,基于路由实现的分步操作,可以在刷新页面时依然停留,用户可以根据路由直接定位到准确步骤页面。
React 最佳实践:处理多个数据源
当页面数据来自于多个请求时,我们需要先考虑这几点: 请求之间无依赖关系,可以并发进行 请求之间存在依赖关系,需要依次进行 请求完成之前,页面显示 Loading 状态
React 最佳实践:完成一个列表需求叭
列表页面是实际开发中最最常见的场景,它是一堆数据的集合的展示,开发列表主要需要考虑的技术点:获取数据后的展示以及对数据的缓存
React 最佳实践:动态表单
基于 React 和 Ant Design 实现动态表单,表单列表内容从服务器端拉取,表单元素根据用户选择动态显示。