自从react16.8，react-hooks诞生以来，在工作中一直使用hooks，一年多的时间里，接触的react项目，渐渐使用function无状态组件代替了classs声明的有状态组件，期间也总结了一些心得。尤其对于近期三个月的项目里，一点点用自定义hooks来处理公司项…

大家好，我是小杜杜，有关高性能，大数据量的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～

原生组件是对公共场景的抽象，若要契合实际业务往往需要对其进行二次包装。 对组件进行二次包装一般需要进行包括不限于以下的步骤： 组件类型类型声明 自定义组件渲染逻辑 向原生组件透传属性 1. 类型声明

1、整体思路 将文件切成多个小的文件； 将切片并行上传； 所有切片上传完成后，服务器端进行切片合成； 当分片上传失败，

React 提供了自定义 Hooks 的特性，我们可以根据这个特性创建出很多有意思的功能，今天就来分享一些个人认为还不错的 Hooks，共计 15 个。 useClippy 是一个用来读取或写入粘贴板的自定义 Hook，支持 TypeScript。 useWindowSize …

在做项目的时候，你的产品可能会提出这样的需求：在某些拥有表单的页面中，如果用户还未保存表单数据，就想去浏览别的页面内容。这时候需要给一个弹窗，提示用户是否需要在未保存数据的情况下跳转页面。 最简单的实现就是使用 react-router 提供的 Prompt 组件来控制是否显示…

大家应该都知道操作Dom代价是昂贵的，因为操作Dom其本质是两个线程（JS引擎和GUI渲染引擎）间发送指令（通信）的过程，并且浏览器在创建初始化一个元素时，会为其创建很多属性，因此，在大量操作Dom的场景下，通过一些计算来尽可能少地操作Dom，保证了性能的下限。当然Dom Di…

嗨！大家好，我是技术胖。 我的博客就使用的教程中的程序，你可以先进行预览一下，预览页面。 我原来的博客是使用的Vuepress ，纯静态网页，也有很多不方便的地方，所以自己作了这个博客程序。 如果你也想用React相关技术作一个网站，我觉的学习这个教程，一定可以做出来，并且可以…

虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中，并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤，整个过程被称为调和。 类组件可以使用其他特性，如状态 state 和生命周期钩子。 当组件只是接收 pro…