专题：React
共33篇相关文章
使用@emotion在React函数式组件中，有哪些注意事项要特别注意？
怎么说呢，一个坑，踩了两天，总觉得是useSate和input的传值方法问题 在useMemo和useCallback反复测试问题 最后没办法，通过最傻方式，一点点注释代码，发现了问题 const Container = styled.di...
React的并发、Fiber与Hook原理，能详细解释一下吗？
引言：从同步堆栈到异步 Fiber 的量子跃迁 在 React 的演进历程中，从版本 15 到 16 的转变并非一次简单的增量更新，而是一场深刻的架构革命。要真正理解 React 并发（Concurrent）模式与 Hooks 的内在机理，...
如何优化Ant Design Ellipsis性能消耗的isEleEllipsis逻辑？
问题暴露 MR 传送门见：https:github.comant-designant-designissues57563 AI 的 PR 传送门见：https:github.comant-designant-design...
如何通过手写React面试必备笔记提升求职竞争力？
花了一周整理，在面试前自己手写的一份 React 笔记，梳理了最常见的一些考点，祝金三银四面试顺利奥利给...
PDF.js Electron Viewer如何实现搜索功能？
PDF.js 是基于 HTML5 解析与渲染 PDF 的 JavaScript 库，由 Mozilla 主导开源。 本文旨在介绍 PDF.js 于 Electron 里如何开始使用，实际尝试了用其 API 或嵌入 HTML 的几种方式。 代...
如何用create-react-app构建TypeScript的React前端架构？
写在前面 一直在探寻，那优雅的美；一直在探寻，那精湛的技巧；一直在探寻，那简单又直白，优雅而美丽的代码。 但是在JavaScript的动态类型、有时尴尬的自动类型转换，以及 “0 == false” 是true的尴尬, 你知道&am...
React Hooks究竟有何独到之处？这才是真正的使用心得吗？
序言 最后有招聘信息哦～React是一个库，它不是一个框架。用于构建用户界面的Javascript库。这里大家需要认识这一点。react的核心在于它仅仅是考虑了如何将dom节点更快更好更合适的渲染到浏览器中。它本身提供的涉及框架的理念是不多...
如何在异步操作中安全访问React组件中的事件对象？
最近撸React的代码时踩了个关于事件处理的坑，场景如下：在监听某个元素上会频繁触发的事件时，我们往往会对该事件的回调函数进行防抖的处理；防抖的包装函数大致长这样： debounce = (fn, delay) =>...
Slate.js框架如何应用于构建富文本编辑器？
本文不是关于Slate.js使用入门的文章，如果还不了解该框架，建议先阅读下官方的文档：Slate官网文档 关于Slate的一些特性 不同于其他编辑器类的库，Slate并不提供譬如粗体、斜体、字体色等开箱即用的功能 Slate只是提供了一套...
useImperativeHandle引起的Bug，如何探究源码解决疑问？
今天本来正在工位上写着一段很普通的业务代码，将其简化后大致如下： function App(props: any) {父组件 const subRef = useRef<any>(null...
slate源码解析，你真的了解其序言背后的吗？
笔者从大学时期就开始接触的前端，在刚去实习的时候就被导师安排去做内网的一个小富文本工具。之后从毕业后干的第一份工作游戏客户端，到现在做着可视化相关的前端工作，都有在做富文本相关的内容。可以说是和**富文本编辑器（Rich Text Edit...
slate源码解析（二）- 基本框架与数据模型，如何深入理解？
源码架构 首先来看下最核心的slate包下的目录： 可以看到，作为一个开源富文本库，其源码是相当之少。在第一篇文章中说过，Slate没有任何开箱即用的功能，只提供给开发者用于构建富文本所需的最基本的一套schema及操作API。因此源码的体...
如何定位slate源码解析（三）中的技巧？
接口定义 能够对于文字、段落乃至任何元素的精准定位 并做出增删改查，都是在开发一款富文本编辑器时一项最基本也是最重要的功能之一。让我们先来看看Slate中对于如何在文档树中定位元素是怎么定义的[源码]： ** * The `Locatio...
React源码更新渲染流程是如何一步步实现的？
前言 前些天在看Dan Abramov个人博客（推荐阅读，站在React开发者的角度去解读一些API的设计初衷和最佳实践）里的一篇文章，其重点部分的思想就是即使不使用Memo()，也可以通过组合的方式来减少组不必要的渲染。 作者在放出代码讲...
如何使用Visual Studio Code和TypeScript调试React Native项目？
关于React Native的详细介绍我就不叙述了，他是使用js构建原生app的开发框架。一次变异多平台运行，非常强大。但是个人不喜欢js的过于灵活（弱类型）的语法。强大的强类型语言Typescript(简称TS)是我的首选，他可以编译成J...