首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React
好记性不如烂笔头
创建于2023-11-29
订阅专栏
1:基础知识 2:虚拟DOM、diff算法、Key 3:react-router 4:Redux、zustand源码 5:性能优化
等 1 人订阅
共25篇文章
创建于2023-11-29
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React---高阶组件HOC
高阶组件 高阶组件就是一个函数,它接收一个组件作为参数,并返回一个新的组件。 高阶组件的实现方式 高阶组件有两种主要的实现方式:属性代理(Props Proxy)和反向继承(Inheritance I
React---渲染阶段
React 渲染更新流程 触发更新 => schedule(调度阶段)=> reconciler(协调阶段)=> render(渲染阶段)=> commit(提交阶段) (1) Schedule 阶段
React---hooks副作用(useEffect、useLayoutEffect)场景-区别
useEffect使用场景 1、数据获取:组件挂载时获取数据(空依赖数组) 数据获取写法会导致首次渲染闪烁(先渲染undefined,再更新) 2、订阅:在组件中订阅外部数据源(如websocket链
React---Context
context API 概念 Context 主要由三个部分组成:React.createContext 方法、Context.Provider 组件和 Context.Consumer 组件。 定义
React---场景题
说说你对react的了解,从哪些方面可以说起? 虚拟DOM 状态和属性 生命周期 Fiber架构 Hooks 合成事件 调度 协调 render
React 19---- 新特性
1. React 编译器 背景:React18 引入并发渲染,但还需要手动添加useMemo和useCallback优化性能。React19的编译器(React Compiler)通过分析JSX和Ja
React---Router
React Router支持哪几种模式 BrowserRouter hashRouter MemoryRouter StaticRouter NaviteRouter switch关键字
React ----基础知识一
React的严格模式'Strict Mode'解决什么问题? 严格模式只在开发环境生效,不会影响生产环境的性能和行为。 1、识别不安全的生命周期方法:旧的生命周期方法在某些情况下不安全。 问题:类组件
React ----Redux源码解析
Redux内核 状态读取 (getState) 状态更新(dispatch) 订阅监听(subscribe) 为什么设计中间件middleware Redux的原始设计是只处理同步状态流,但是在真实业
React ----状态(setState)
setState源码解析 React V18.0.0 packages/react/src/ReactBaseClasses.js this.updater this.updater 是在哪个地方进行
React---自定义React Hooks
https://juejin.cn/post/7196943285381464101#heading-29 useWindowSize 使用场景:某些场景下需要获取用户窗口的宽度和高度(响应式设计时)
React--- concurrent mode(并发更新【异步可中断更新】)
并发概念 并发模式是一种全新渲染模式,允许React同时处理多个渲染任务,可以根据任务的优先级进行调度。并发模式下,React可以暂停、继续或放弃渲染任务,确保高优先级的任务能够及时响应。 并发模式使
React---框架自带的性能优化方案
单帧渲染性能优化 背景 表格中选中某一行时出现卡顿现象。(使用antd组件时,若表格中有长文字截断省略,hover显示tooltip,hover显示复制按钮,需要用到CopyText组件) 问题排查
React ---Zustand源码解析
Zustand源码结构: 核心概念解析 create方法解析 create 方法位于 src/react.ts 文件中,而它依赖的核心功能主要在 src/vanilla.ts 文件中实现。 功能和作用
React -----源码解析
ReactDOM.createRoot(root).render()做了什么?? 调用了createRoot方法,在这个方法中做了些判定:是否是合法的容器,对不合法的容器做了一些警告提示;判断根容器是
React---面试题总结
react面试题总结,对于基础知识,高阶函数,生命周期,传值,路由等进行解析,概括最新的、全面的回答
React ---基础知识【合成事件、受控/非受控组件】
基础知识 React组件的生命周期 React组件的生命周期可以分为三个阶段:挂载阶段、更新阶段和卸载阶段 挂载阶段 1:构造器(constructor):初始化状态和绑定事件处理程序
React---- Hooks大全
一 前言 1.1 Hooks的定义 react推荐使用函数组件,但是有时需要使用state或其他功能时,只能在类组件中使用。因为函数组件没有实例,没有生命周期,只有类组件中才有。 1.2 React
React--- 服务端渲染
SSR SSR缺点 标准的SSR中,服务器端渲染页面所有的HTML,通过捆绑将所有必要的JS传输到客户端。 缺点: TTFB:第一个字节到达用户浏览器所需的时间。SSR需要在服务器上渲染所有HTML,
React 父组件调用子组件的方法
1:使用refs调用子组件的方法 refs提供一种直接访问组件实例或DOM元素的方法 在ChildComponent中定义了一个方法doSomething。在ParentComponent中,我们通过
下一页