掌握这 11 个 ReactJS 核心概念，助你轻松应对下一次面试

ReactJS 是一个前端 Javascript 库，由于其性能、语法简单和基于组件的方法而受到软件工程师和业内人士的喜爱。

在同样的背景下，对精通 ReactJS 技术栈的工程师和开发人员的需求也日益增长。各大公司正在寻找经验较少但能力优秀的 ReactJS 开发人员。

在本文中，我尝试概述 ReactJS 面试中通常会问到的那些核心概念。

你准备好了吗？

我们走吧…

- 什么是 ReactJS？

回答这个问题的关键点是，它是一个 UI 库，而不是一个框架。面试官可能会问你库和框架的区别。另一个与此相关的问题是 Angular 和 ReactJS 的比较。

- 状态和道具：

在 ReactJS 面试中，经常会问到与 state 和 props 相关的问题。你应该知道，在 ReactJS 中，state 存储的是组件原生的对象值，而 props 则是在组件之间（通常是从父组件到子组件）传递的值。

- 功能和类组件：

函数式组件和类组件的主要区别在于语法。在函数式组件中，props 作为参数传递给组件名称。而在类组件中，props 作为参数传递给构造函数。在 ReactJS v16.8 之前，函数式组件无法操作“状态”和使用“生命周期”方法，但现在我们可以通过钩子函数同时使用这两者。此外，还提出了与 useState 和 useEffect 钩子函数相关的问题。

- 生命周期方法：

生命周期方法用于在组件的“生命周期”中执行不同的操作。面试官可能会问你某个特定的生命周期函数以及它的工作原理。

- 钩子：

Hook 用于在函数式组件中实现状态更改和生命周期。要更改状态，可以使用 useState() Hook；要实现生命周期，可以使用 useEffect() Hook。面试官可能会问你 useState() 和 useEffect() Hook 的内部工作原理。

- 状态管理：

状态管理是 ReactJS 面试中经常被问到的另一个概念。在这方面最受欢迎的库是“react-redux”。Redux 基于 flux 架构。此外，还有其他替代方案，例如“react-unstated”等。

- 必要模块：

在 Web 应用程序中，路由用于在组件之间导航。在 ReactJS 中，我们可以使用 react-router 和类似的包进行路由。面试官可能会问你关于这些包的问题。如果你曾经使用过两个用于解决同一问题的包，那么他可能会问你它们之间的核心区别，以及你觉得哪一个有用，以及为什么？

- 数据绑定：

ReactJS 遵循单向数据绑定的概念。因此，props 会从父组件传递到子组件。面试可能会问你比较 Angular 的双向数据绑定和 React 的数据绑定。

- 虚拟 DOM 和实际 DOM：

这是另一个重要的概念。你应该了解虚拟 DOM 在 ReactJS 环境中是如何工作的。此外，面试官可能会问你“diffing”算法是如何工作的。

- 事件处理程序：

ReactJS 中的事件处理器使用方式与 JavaScript 类似。但这些处理器触发的事件本质上是“合成”的。这意味着 ReactJS 中的事件实际上是对浏览器原生事件的包装，以解决跨浏览器兼容性问题。

- 记忆：

记忆化是 ReactJS 中的一个新概念，通过它我们可以将计算量大的函数组件存储在内存中。我们可以从缓存中调用该组件再次重​​用。

资源 ：

书籍：

• 全栈 React
• 破解编码面试

存储库：

• https://github.com/Pau1fitz/react-interview
• https://github.com/sudheerj/reactjs-interview-questions

结论 ：

通常，每家公司在面试中都会重点关注概念。如果你了解任何库或框架的内部工作原理，那么你也能用它解决大多数难题。

因此，掌握这些概念并祝你下次面试好运！