FDCon2019

https://shimo.im/docs/VXEZSWMLxlw4XB2M/read

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 中