前言
React 是一个用于构建用户界面的 JavaScript 库，起源于Facebook 的内部项目。React 主要用于构建 UI。你可以在 React 里传递多种类型的参数，如声明代码，帮助你渲染出 UI、也可以是静态的 HTML DOM 元素、也可以传递动态变量、甚至是可交互的应用组件。
React 特点：
- React 采用声明范式，可以轻松描述应用。
- React 通过对 DOM 的模拟，最大限度地减少与 DOM 的交互。
- React 可以与已知的库或框架很好地配合。
React 面试题总结
基本知识
- 区分Real DOM和Virtual DOM
- 什么是React？
- React有什么特点？
- 列出React的一些主要优点。
- React有哪些限制？
- 什么是JSX？
- 你了解 Virtual DOM 吗？解释一下它的工作原理。
- 为什么浏览器无法读取JSX？
- 与 ES5 相比，React 的 ES6 语法有何不同？
- React与Angular有何不同？
- React如何性能优化
- react与vue的对比
- 使用React Hooks有什么优势？
- React中的useState？
React 组件
组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。
- 你理解“在React中，一切都是组件”这句话。
- 解释 React 中 render() 的目的。
- 如何将两个或多个组件嵌入到一个组件中？
- 什么是 Props?
- state 和 props有什么区别？
- React中的状态是什么？它是如何使用的？
- 区分状态和 props
- 如何更新组件的状态？
- 为什么不直接更新state状态？
- React context是什么？
- constructor中super与props参数一起使用的目的是什么？
- React 中的箭头函数是什么？怎么用？
- 区分有状态和无状态组件。
- React组件生命周期的阶段是什么？
- 详细解释 React 组件的生命周期方法。
- React中的事件是什么？
- 如何在React中创建一个事件？
- React中的合成事件是什么？
- 你对 React 的 refs 有什么了解？
- 列出一些应该使用 Refs 的情况。
- React中的refs作用是什么？
- 如何创建refs？
- 如何模块化 React 中的代码？
- 如何在 React 中创建表单
- 你对受控组件和非受控组件了解多少？
- 什么是高阶组件（HOC）？
- 你能用HOC做什么？
- 什么是纯组件？
- React 中 key 的重要性是什么？
- 类组件和函数组件之间有什么区别？
- 为什么类方法需要绑定？
- React中的StrictMode是什么？
React Redux
Redux 是 JavaScript 状态容器，提供可预测化的状态管理。可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。Redux 除了和 React一起用外，还支持其它界面库。
- MVC框架的主要问题是什么？
- 解释一下 Flux
- 什么是Redux？
- Redux遵循的三个原则是什么？
- 你对“单一事实来源”有什么理解？
- 列出 Redux 的组件。
- 数据如何通过 Redux 流动？
- 如何在 Redux 中定义 Action？
- 解释 Reducer 的作用。
- Store 在 Redux 中的意义是什么？
- Redux与Flux有何不同？
- 简述flux 思想
- Redux 有哪些优点？
- Redux有什么缺点
- Redux的实现流程
- redux中间件的理解，以及用过哪些中间件
- 比较redux和vuex的区别
React 路由
React Router 是一个基于 React之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。
- 什么是React 路由？
- 为什么React Router v4中使用 switch 关键字 ？
- 为什么需要 React 中的路由？
- 列出 React Router 的优点。
- React Router与常规路由有何不同？
- react-router的实现原理
- react-router 里的
<Link>标签和<a>标签有什么区别
需要前端学习资料，面试题PDF文档 可以加入这边的Q裙：【624369675】，免费领取！
网友评论