React 基础与实践 课堂笔记 | 青训营笔记

268 阅读2分钟

蛮有意思的课,第一遍看的时候还以为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 - 企业级产品的完整设计和开发解决方案