FDCon2019
React-Hooks: 从设计理念到实战经验
- Function Component 简单
- 相比生命周期的优势：功能放在同一个 hook 中，比如 visiblity 有关，timer 有关
- 闭包陷阱，使用一个外部对象来保存最新值
- 之前共用逻辑使用过多的 hoc，现在 Custom Hooks
// 为啥要 hooks：https://juejin.cn/post/7066951709678895141
React: The bad parts
- class component: bind(this)
- jsx 语法
React 状态管理最佳实践探索
- store 先行，单独详设
- hooks + context 实践，但没有 redux 的 connect
RxJS 在 React 中的应用
- Rx的核心概念是 Observable，Observable 是用来描述异步数据流数的抽象
- 使用Rx的最佳实践是响应式编程(Reactive programming)
- 在React应用中，RxJS最适合处理业务中的副作用
- redux 领域驱动设计只共享 Action(message)
聊聊 Node.js 构建部署时我们要关心的数据
- 依赖，调用方
- 构建数据：运行时，语言，构建工具，构建框架，成功率，错误收敛，构建耗时，产物大小
- 部署结果：失败原因，对应的构建，部署节点，部署环境
- 应用启动数据
- 用于排错、监控，保证应用的健康，安全
让你的网页更丝滑
- 像素管道
- 使用 worker，时间分片
- 事件循环
面向接口编程在前端的探索
- 借鉴后端在前端设计"接口"
前端的核心代码保护技术概览
- SecurityWorker
- 编译：js -> opcode -> vm -> wasm
- 执行：opcode -> vm
- 提供破解门槛
服务端渲染框架在喜马拉雅的演变
- 样式按需加载，样式分割到组件 chunk 中