Skip to content

不正经的前端 | 八股

Main Navigation

快速了解

参与共建

语言

框架 & 库

其他

模式

Sidebar Navigation

基础 · 16

React 版本线

谈一谈对 React 的理解，它的理念是什么？

React的生命周期有哪些？

React 废弃了哪些生命周期？为什么？

React 16.X 中 props 改变后在哪个生命周期中处理

React 性能优化在哪个生命周期？它优化的原理是什么？

state 和 props 触发更新的生命周期分别有什么区别？

React中发起网络请求应该在哪个生命周期中进行？为什么？

React必须使用JSX吗？

为什么 React 要用 JSX？

为什么使用 JSX 的组件中没有看到使用 React 却需要引入 React？

谈谈对 immutable 的理解？如何应用在 react 项目中？

React Refs？应用场景？

React 16 解决了什么问题，增加了哪些东西

React 17 解决了什么问题，增加了哪些东西

React 18 解决了什么问题，增加了哪些东西

数据 · 12

React 中 setState 执行机制？

React setState 调用之后发生了什么？是同步还是异步？

React 中的 setState 批量更新的过程是什么？

React 中有使用过 getDefaultProps 吗？它有什么作用？

React 中 setState 的第二个参数作用是什么？

React 中的 setState 和 replaceState 的区别是什么？

在 React 中组件的 this.state 和 setState 有什么区别？

state 是怎么注入到组件的，从 reducer 到组件经历了什么样的过程

React 组件的 state 和 props 有什么区别？

React 中的 props 为什么是只读的？

React 中组件的 props 改变时更新组件的有哪些方法？

React 中怎么检验 props？验证 props 的目的是什么？

组件 · 40

React 事件机制

React 的事件和普通的HTML事件有什么不同？

React 事件绑定的方式有哪些？区别？

React 组件中怎么做事件代理？它的原理是什么？

合成事件是什么？

对 React-Fiber 的理解，它解决了什么问题？

React.Component 和 React.PureComponent 的区别

Component, Element, Instance 之间有什么区别和联系？

React.createClass 和 extends Component 的区别有哪些？

React 构建组件的方式有哪些？区别？

React 高阶组件是什么，和普通组件有什么区别，适用什么场景

React 中的高阶组件运用了什么设计模式？

React 中如何提高组件渲染效率？如何避免不必要的 render？

React 中 mixin、hoc、render props、react-hooks的优劣如何？

对 componentWillReceiveProps 的理解

哪些方法会触发 React 重新渲染？重新渲染 render 会做些什么？

React 如何判断什么时候重新渲染组件？

React 组件命名推荐的方式是哪个？

React 声明组件有哪几种方法，有什么不同？

对有状态组件和无状态组件的理解及使用场景

对 React 中 Fragment 的理解，它的使用场景是什么？

React 如何获取组件对应的 DOM 元素？

React 中可以在 render 访问 refs 吗？为什么？

对 React 的插槽(Portals)的理解，如何使用，有哪些使用场景

对 React-Intl 的理解，它的工作原理？

对 React context 的理解

为什么 React 并不推荐优先考虑使用 Context？

React 中什么是受控组件和非控组件？

React 中 refs 的作用是什么？有哪些应用场景？

React 组件的构造函数有什么作用？它是必须的吗？

React.forwardRef 是什么？它有什么作用？

类组件与函数组件有什么异同？

React 组件通信方式有哪些

父子组件、跨级组件、非嵌套关系组件

如何解决 props 层级过深的问题

React 中 props.children 和 React.Children 的区别

React 的状态提升是什么？使用场景有哪些？

什么是 RSC？它解决了什么问题？为什么说 RSC 是 React 的未来？

Sever Component 和 Client Component

React 中 super() 和 super(props) 区别？

Hooks · 11

对 React Hook 的理解，它的实现原理是什么

用过哪些 Hook

Class 组件 VS Hook

自定义过哪些 Hook

为什么 useState 要使用数组而不是对象

React Hooks 解决了哪些问题？

React Hook 的使用限制有哪些？

useEffect 与 useLayoutEffect 的区别

React Hooks 在平时开发中需要注意的问题和原因

React Hooks 和生命周期的关系？

为什么 React Hooks 中不能有条件判断

状态 · 15

对 Redux 的理解，主要解决什么问题

Redux 原理及工作流程

Redux 中异步的请求怎么处理

Redux 中的 connect 有什么作用

Redux 中间件是什么？接受几个参数？柯里化函数两端的参数具体是什么？

Redux 常用中间件有哪些？

Redux 中间件是怎么拿到 store 和 action? 然后怎么处理?

Redux 异步中间件 redux-thunk 的优劣?

Redux 请求中间件如何处理并发

Redux 怎么实现属性传递，介绍下原理

Redux 状态管理器和变量挂载到 window 中有什么区别

mobox 和 redux 有什么区别？

Redux 和 Vuex 有什么区别，它们的共同思想

React 中页面重新加载时怎样保留数据？

React 数据持久化？

路由 · 8

React-Router的路由有几种模式？实现原理？

常用 Router 组件有哪些？

如何配置 React-Router 实现路由切换

React-Router怎么设置重定向？

react-router 里的 Link 标签和 a 标签的区别

React-Router 如何获取 URL 的参数和历史对象？

React-Router4 怎样在路由变化时重新渲染同一个组件？

React-Router4 的 Switch 有什么用？

原理 · 10

React Render 方法原理？什么时候会触发？

异步渲染有那两个阶段？

对 Time Slice 的理解?

对虚拟 DOM 的理解？虚拟 DOM 主要做了什么？虚拟 DOM 本身是什么？