React 基础 | 一直走的技术博客

📄️ 常见问题

函数组件为什么没有实例？

React基础语法

虚拟 DOM 是什么

Q：为什么 React 16 要更改组件的生命周期？

异步渲染（Async Rendering）是指 React 在更新组件时，能够以异步的方式执行渲染操作，从而提高性能和用户体验。在异步渲染中，React 会将渲染工作分割成多个小任务，这些小任务可以在多帧中逐渐完成，避免了长时间的主线程阻塞，使得页面更加流畅响应。

redux基础

redux

usePrevious

新旧生命周期对比

安装依赖

定高子项滚动加载实现

在 React 函数组件中，当多个 useState 的状态同时更新时，React 并不会为每个状态变化分别触发一次重新渲染，而是将它们“批处理”（batching）成一次重新渲染。

React 为什么要引入 Fiber 架构？

高阶组件（Higher-Order Component, HOC）是 React 中一种复用组件逻辑的设计模式，其本质是：

React 的 Diff 算法（也称为 Reconciliation 协调算法）是 React 高性能的核心机制之一。它的目标是：在更新 UI 时，用最少的 DOM 操作将旧的 Virtual DOM 树转换为新的 Virtual DOM 树。

React 性能优化是一个系统性工程，涵盖渲染效率、内存管理、加载速度、交互响应等多个维度。以下是 React 应用中常用且有效的性能优化手段，按类别组织：

JSX 是 JavaScript 的语法糖，用于描述 UI。

ref（引用）是 React 提供的一种访问 DOM 节点或类组件实例的“逃生舱”机制，用于在典型数据流（props/state）之外直接操作底层元素。

React.lazy 是 React 提供的内置懒加载（Lazy Loading）机制，用于实现组件的动态导入和代码分割（Code Splitting），从而优化应用的初始加载性能。

ReactDOM.createPortal：将子组件渲染到存在于父组件 DOM 层次结构之外的 DOM 节点中。

用法

React Router 是 React 官方推荐的声明式路由解决方案，用于在单页应用（SPA）中实现前端路由——即根据 URL 动态渲染不同组件，而无需刷新页面。