React整理

来源于慕课网实战课程，整理成思维导图，现在转化为文档

React使用

JSX基本知识点串讲

jsx基本使用

1. 变量、表达式
2. class style
3. 子元素和组件

JSX如何判断条件和渲染列表

1. 三元表达式
2. 逻辑运算符&& ||

React事件为何bind this

1. bind this

• 修改方法this指句
• this默认是undefined

2. 关于event参数

• event. preventDefault()

阻止默认行为

• event. stopPropagationn()

阻止冒泡

• 不是原生event是SyntheticEvent组合事件

3. 传递自定义参数
4. react17事件绑定到root

React事件和DOM事件的区别

React表单知识点串讲

1. 受控组件

React父子组件通讯

1.组件使用

• props传递数据
• 传递函数
• 类型检查

props type

setState为何使用不可变值

setState是同步还是异步

1. 异步联想$nextTick
2. setTimeOut中是同步
3. 自定义的DOM事件同步

setState合适会合并state

1. 不可变值
2. 可能是异步更新

react组件生命周期

React基本使用－知识点总结和复习

React函数组件和class组件有何区别

什么是React非受控组件

什么场景需要用React Protals（传送门）

是否用过React Context（上下文）

React如何异步加载组件

React性能优化－SCU的核心问题在哪

React性能优化－SCU默认返回什么

React性能优化－SCU一定要配合不可变值

React性能优化－PureComponent和memo

React性能优化－了解immutable. js

什么是React高阶组件

什么是React Render Props

React高级特性考点总结

Redux考点串讲

描述Redux单项数据流

串讲react-redux知识点

Redux action如何处理异步

简述Redux中间件原理

简述react-router知识点

React使用－考点总结

React原理

再次回顾不可变值

vdom和diff是实现React的核心技术

JSX本质是什么

说一下React的合成事件机制

说一下React的batchUpdate机制

简述React事务机制

说一下React组件渲染和更新的过程

React-fiber加何优化性能

React原理－考点总结和复习

React真题演练

介绍

组件之间如何通讯

ajax应该放在哪个生命周期

组件公共逻辑如何抽离

常见性能优化方式

React和Vue区别

JSX本质

Context是什么，如何应用

React hooks

class组件存在哪些问题

用useState实现state和setState功能

useEffect模拟组件生命周期

用useEffect模拟WillUnMount时的注意事项

useRef和useContext

useReducer代替redux吗

使用useMemo做性能优化

使用useCallback做性能优化

什么是自定义Hook

使用Hooks的两条重要规则

为何Hooks要依赖调用顺序

class组件逻辑复用有哪些问题

Hooks组件逻辑复用有哪些好处

Hooks使用中的几个注意事项

Hooks面试题解答

独立设计

组件和状态设计

状态设计的思路和要点

组件设计的思路和要点

组件设计和状态设计的总结

状态设计和组件设计的考点总结