React可能的面试题
📄️ react 生命周期
React 组件的生命周期可以分为三个主要阶段:挂载(Mounting)、更新(Updating)和卸载(Unmounting)。每个阶段都有一系列的方法来帮助我们管理组件的行为。
📄️ fiber 架构
React Fiber 是 React 16 引入的一个全新的协调算法(reconciliation algorithm),旨在提高 React 应用程序的性能,特别是在处理复杂用户界面时。Fiber 架构的设计目标是使得 React 能够更好地处理高优先级任务,并且能够在必要时中断或延迟低优先级任务,从而提升用户体验。
📄️ hooks 原理
React Hooks 是 React 16.8 版本引入的一个新特性,它允许你在不编写类组件的情况下使用状态和其他 React 特性。Hooks 解决了函数组件不能拥有状态和生命周期方法的问题,使得函数组件更加功能丰富和灵活。
📄️ 为什么只能在顶层调用 Hooks
在 React 中,Hooks 只能在函数组件的顶层调用,而不能在循环、条件判断或嵌套函数中调用。这一限制是为了确保 Hooks 的调用顺序在每次渲染时都是一致的。下面详细解释为什么需要这样的限制。
📄️ 一些新的 hooks
React 不断演进,引入了许多新的 Hooks 来增强开发者体验和解决特定问题。以下是 React 最近引入的一些新 Hooks:
📄️ diff 算法
React 的 Diff 算法(也称为协调算法或 Reconciliation Algorithm)是 React 核心功能之一,用于高效地更新和渲染用户界面。React 通过虚拟 DOM 和 Diff 算法,最小化了对真实 DOM 的操作,从而 提高了性能。
📄️ react 性能优化
React 应用的性能优化是一个多方面的过程,涉及组件优化、状态管理、渲染优化等多个方面。以下是一些常见的 React 性能优化技巧:
📄️ react 源码
react 源码是比较简单的
📄️ 如何封装组件?
1. 确认动机