这是我参与「第五届青训营 」笔记创作活动的第8天。活动详情：# 伴学笔记创作活动来袭 ｜ 第五届字节跳动青训营
React 状态管理库与应用级框架
在对 React 设计思路进行讲解后，本节课将重点带来有关 React 两大写法之一的 Hooks 写法。本节课将聚焦于 React 相关的状态管理库和目前常见的应用级框架科普，前者主要是讲解其中的底层逻辑，后者通过对框架的科普，帮助大家应对不同开发场景。
指令式编程/声明式编程/响应式编程
- React 的实现 - How to Diff
| Heuristic O（n） | Algorithm |
|---|---|
| 不同类型的元素 | 替换 |
| 同类型的DOM元素 | 更新 |
| 同类型的组件元素 | 递归 |
-
React 状态管理库 - 核心思想：将状态抽离到UI外部进行统一管理。 强耦合，降低组件的复用性
-
React 状态管理库 - 状态机：当前状态收到外部事件，迁移到下一个状态。
-
应用级框架科普:Next.js /MODERN.JS /Blitz
Node.js 与前端开发实战
- Node.js的应用场景
前端工程化：
- Bundle：webpack，vite,esbuild,parcel;
- Uglify:uglifyjs;
- Transpile:bableis,typescript;
- 其他语言：esbulid，parcel，prisma；
Web服务端应用
- 社区生态丰富、工具链成熟 npm V8inspector
- 与前端结合的场景具有优势（SSR服务端渲染）
Electron跨端桌面应用
- 商业应用：vscode，slack，discord，zoom；
- Node.js运行时结构
- V8诊断调试工具，libuv事件循环、系统调用
- 异步IO、单线程、跨平台
- JS单线程 实际：JS线程+uv线程池+V8任务线程池+V8 Inspector线程
- 跨平台（大部分功能、API）
- 编写 Http Sever
- 安装Nodejs（nvm多版本管理）
- 编写HttpSever+Client,收发GET，POST请求
- 编写静态文件服务器
- 编写React SSR服务
- 使用inspector进行调试，诊断
- 部署简介
- 延伸话题
