蛮有意思的课,第一遍看的时候还以为PPT里有能直接跑的代码的样子,后面整理笔记时回头看了看,发现是个内嵌视频演示。
React 简介与特性
React 是一个用于构建用户界面的JavaScript库。
React的特点有声明式、组件化、跨平台编写。
声明式编程
React 可以通过声明状态和组件来简化代码和组件的开发。这可以使代码更加可读性高,更容易维护和扩展。 React 采用了类似于函数式编程的思想,通过将状态和属性封装在组件中,使得组件可以独立于其他组件和状态进行状态管理。
组件化
使用 React 可以轻松地创建多个组件,并且可以复用许多相同的组件,减少了代码冗余和维护难度。
跨平台编写
React 生态中有提供 React Native 的支持。
React的优缺点
优点
快速响应:Fiber
组件化:复用性强
声明式编程
跨平台:只需修改渲染器
缺点
大型应用需要配套学习状态管理、路由工具
不适合小型应用,需要用babel处理
课程总结
React优化资源加载&快速响应
表现优化:ErrorBoundary,Suspense,Lazy
React更新流程Scheduler&Reconciler&Renderer
函数式组件和Class组件
Hook规则,为什么要保证顺序?
常见API及常见Hook
在项目中如何拆分组件粒度
父子组件通信:cloneElement,forwardRef
组建信息共享:useContext,useReducer,Redux
性能优化:useCallback,useMemo,momo
你不知道的冒泡:Portal
自定义 useRequest 实现逻辑复用
课程中推荐了的教程
React新版教程:React
React官网教程:React
React技术揭秘:React技术揭秘 (iamkasong.com)
一文吃透react-hooks原理:「react进阶」一文吃透react-hooks原理 - 掘金 (juejin.cn)
Arco Design:Arco Design - 企业级产品的完整设计和开发解决方案