
前端React学习专栏
文章平均质量分 87
@PHARAOH
努力输出系统性的WEB开发入门文章和成长感悟...觉得文章不错有收获的话,打赏激励一下博主吧。提供就业咨询服务!
展开
-
WHAT - React 学习系列(二)- 框架对比
这一篇主要介绍React在线编码和框架。原创 2024-06-13 17:18:07 · 1526 阅读 · 0 评论 -
WHAT - React 学习系列(一)
如何由浅入深学习React?原创 2024-06-13 15:15:30 · 1346 阅读 · 0 评论 -
HOW - React 如何在在浏览器绘制之前同步执行 - useLayoutEffect
特性useEffect执行时机渲染后异步执行渲染后、绘制前同步执行阻塞渲染不阻塞阻塞适用场景大多数副作用操作,如数据获取、订阅等需要同步操作 DOM 或测量布局的场景性能影响较低,适合频繁使用的副作用高,需谨慎使用以避免阻塞渲染在使用 Canvas 绘制复杂图形时,可能需要先测量某些元素的位置或尺寸,然后根据这些信息进行绘制。// 假设这里需要根据某个 DOM 元素的位置来绘制图形// 先进行相关测量等准备工作(此处简化)// 开始绘制}, []);原创 2025-03-06 16:51:30 · 787 阅读 · 0 评论 -
WHAT - React 富文本编辑器推荐
React 生态中有许多优秀的开源富文本编辑器可供使用,以下是一些常用的选择:Draft.jsSlate.jsQuillTinyMCECKEditorreact-quillTipTapLexical根据你的项目需求:原创 2024-12-10 19:34:25 · 1477 阅读 · 0 评论 -
HOW - React 组件代码组织
这种顺序不仅适合小型组件,也可以在大型复杂组件中保持代码结构一致性。原创 2024-12-20 11:33:46 · 407 阅读 · 0 评论 -
HOW - React 组件中传递一个组件属性如何定义
在 React 中,如果你希望通过属性传递一个组件,通常有以下几种常见情况及对应的类型定义方法。原创 2024-12-20 15:30:21 · 443 阅读 · 0 评论 -
WHAT - React 函数与 useMemo vs useCallback
目录介绍`useMemo` 与 `useCallback` 的区别示例代码`useMemo` 示例`useCallback` 示例总结介绍在 React 中,useMemo 和 useCallback 是两个用于性能优化的钩子,尽管它们有些相似,但各自有不同的用途和应用场景。理解它们的区别和适用情况可以帮助你更有效地管理组件的性能和状态。useMemo 与 useCallback 的区别useMemo:目的: 用于记忆化(缓存)计算结果。它接受一个计算函数和依赖项数组,只有当依赖项发生变化时原创 2024-09-03 16:07:32 · 1144 阅读 · 0 评论 -
WHAT - React 学习系列(七)- Escape hatches
React's escape hatches.原创 2024-06-19 19:25:20 · 1347 阅读 · 0 评论 -
WHAT - React 学习系列(六)- Managing state
React and Managing state.原创 2024-06-19 17:51:56 · 1067 阅读 · 0 评论 -
WHAT - React 学习系列(五)- Adding Interactivity
React's Interactivity.原创 2024-06-19 16:06:54 · 316 阅读 · 0 评论 -
WHAT - React 学习系列(四) - Describing the UI
React 与 User Interface。原创 2024-06-19 16:04:11 · 1068 阅读 · 0 评论 -
WHAT - React 学习系列(三)
如何在编辑器配置React和结合使用Typescript?原创 2024-06-17 11:42:05 · 432 阅读 · 0 评论