首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
关于React
荷包蛋卷
创建于2021-05-24
订阅专栏
从理念到实践
等 23 人订阅
共20篇文章
创建于2021-05-24
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React 性能优化:React DevTool & Chrome DevTool
如何借助工具来发现性能问题,对 React 进行调优? 在日常的开发中,我们主要借助两个工具: React DevTool & Chrome DevTool
React 性能优化:异步渲染(时间切片&渲染挂起)
React 15 以及之前的版本有一个主要的问题 —— 虚拟 DOM 的 diff 操作是同步完成的。 这就意味着当页面上有大量 DOM 节点时,diff 的时间可能过长,从而导致交互卡顿、没有反馈。
React 性能优化:避免重复计算
在介绍 Reselect 的之前,我们首先要知道 Selector 这个概念,那么什么是 Selector 呢?
React 性能优化:网络性能(自动化按需加载)
在性能优化中,有一块很重要的部分 -- 网络性能优化(自动化按需加载)。 什么是自动化按需加载呢?在应用加载的过程中,我们不会将所有的资源一次性加载到前端;而是选择加载页面/功能相关的部分资源。
React 性能优化:性能永远是第一需求
在项目开发中,性能永远是第一需求,必须时刻考虑性能问题。 如何避免应用出现性能问题,可以考虑这几个方面: 了解常见的性能问题场景、时刻注意代码的潜在性能问题、注重可重构的代码、如何使用工具定位性能问题
React 最佳实践:亲手码一个「可拖放列表」
【可拖放列表】在实际业务中也是一个十分常见的功能,比如通过拖放列表元素进行排序、拖放元素在不同的容器中穿梭等。
React 实用库:react-beautiful-dnd
React-Beautiful-DND,一个强大的拖拽包,能够优雅的做出丰富的拖拽页面应用,适用于列表之间拖拽的场景,支持移动端,且简单易上手。
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 实现动态表单,表单列表内容从服务器端拉取,表单元素根据用户选择动态显示。
React:认识 Context API
Context API 在 React 的历史上一直实验性的存在,直到 React 16.3 之后正式成为了一个 Public API。
React:组件复用的两种技巧(高阶组件 & Render Props)
对于相似又有差异的组件,我们如何更大化的复用?这时就诞生了另外两种方式:高阶组件( HOC )和函数作为子组件。
React:了解 Virtual Dom 及其策略
为什么需要 Virtual Dom ?什么是 Virtual Dom ?React 的策略又是什么?
React:完整的生命周期及方法
组件从被创建到被销毁的过程 被称为 组件的生命周期。在具有许多组件的应用程序中,当组件被销毁时释放所占用的资源是非常重要的。
React:浅谈谈 JSX
JSX 可能会使人联想到模板语言,但它却是一颗语法糖。在 React 中配合使用,可以很好地描述 UI 应该呈现出它应有交互的本质形式。
React:写组件前你在想什么?
如何将 UI 拆分成组件层级?props 和 state 分别担当了什么职责?怎么才能做到最大程度的组件复用?