京东凹凸实验室前端工程师,主要负责基础设施建设和前端性能优化。热爱开源事业,先后作为主要开发者参与了 Vue.js 第一个大型 UI 库 vue-strap、高性能类 React 框架 Nerv、多端统一开发框架 Taro 的开发和维护。
京东凹凸实验室前端工程师,主要负责基础设施建设和前端性能优化。热爱开源事业,先后作为主要开发者参与了 Vue.js 第一个大型 UI 库 vue-strap、高性能类 React 框架 Nerv、多端统一开发框架 Taro 的开发和维护。
随着小程序业务复杂度的不断增加,前端软件工程的复杂度也在不断向小程序端转移。同时在传统前端开发领域,React Team 对复杂度这一问题给出的答案是 Hooks,Vue 也在 3.0 的 RFC 中规划了类似的 API。那我们是否可以将 Hooks 带到小程序开发里呢?
本次分享会讲解 Taro 对 Hooks 的探索。通过 Hooks API,我们可以摒弃 ES6 Class 或其它框架例如高阶组件、依赖注入、Behaviors、Traits 等等高大上的名词和概念,将小程序开发的复杂业务逻辑化简为一个个可预测的、可测试的普通函数。
演讲提纲:
1. 背景
(1)小程序业务开发日趋复杂
(2)React 和 Vue 对框架复杂度的探索
(3)Taro x Hooks
2. 什么是 Hooks
(1)state/data vs useState
(2)Redux vs useReducer
(3)生命周期 vs useEffect
3. Hooks 在 Taro 的实现
(1)小程序端实现
(2)H5 端实现
(3)移动端实现
4. Hooks 在小程序中实战
(1)自定义 Hooks
(2)大规模状态管理
(3)性能优化
(4)测试
5. 总结与展望
听众收益:
1. 了解新旧 React 开发/设计模式
2. 如何在小程序开发中使用 Taro 和 Hooks
3. 在小程序开发中写高可用、高性能、可预测、可测试的代码