FDCon2019


React-Hooks: 从设计理念到实战经验
  • Function Component 简单
  • 相比生命周期的优势:功能放在同一个 hook,比如 visiblity 有关,timer 有关
  • 闭包陷阱,使用一个外部对象来保存最新值
  • 之前共用逻辑使用过多的 hoc,现在 Custom Hooks
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 中