点击上方👆蓝字关注我们!
活动详情
❓ 什么是状态机?状态机能帮我们做什么?我们在日常开发过程中又如何应用状态机呢?
❓ 当开发者谈起状态管理的时候会遇到哪些基本问题?
❓ 这些信息是如何组织的?这些数据如何随时间变化?如何对这些数据建模?
💡 项目中做状态管理,首先要会明确需要处理的所有状态。XState 基于状态机和状态图模型提供了解决问题的思路。
本期 Web Infra 大咖面对面邀请了 XState 的作者「David Khourshid」来跟大家聊一聊 JS 状态机 & XState ~
👇 记得扫码私信小助手“状态机”,进状态机交流群哦~
💁 嘉宾介绍
David Khourshid | XState 作者、Stately 创始人
David 是一位喜欢弹钢琴的软件工程师,对前端动画、状态机、前沿用户交互和开源充满热情。之前曾在微软工作,离职后创办了 Stately。Stately 公司专注于编程可视化,致力于使最复杂的应用程序逻辑可视化且开发人员和非开发人员都可以使用。
XState 是什么
XState,是一个用于创建、解释和执行有限状态机和状态图,以及管理这些状态机作为参与者调用的库。
它也是一个框架无关的状态管理库,使用有限状态机和状态图描述应用程序状态。它不属于传统的“事件-动作”驱动的状态管理工具,而是更多的以声明式状态编排的方式来实现对应用状态的描述和管理,并且可以使用状态图来可视化应用程序状态。XState 遵循 SCXML 规范,它的机制定义完善、没有引入新的范式。
XState 在维护一些交互比较复杂的应用时可以提高代码的可维护性:
- 扩展性良好,如果设计得当,只需要修改 Machine 即可扩充状态节点。
- 迁移性良好,状态机相当于是和应用一定程度解耦的,因此状态机可以切换应用在不同组件里。
- 使用状态机描述应用,可以更大程度上约束应用,使得应用是可预测、可观测的。且新同学可以快速根据状态机的定义快速上手业务相关逻辑。
温馨提示
⏰ 直播时间:
2022 年 4 月 26 号 20:00 - 21:30 (UTC+8)
🔗 直播地址:(记得预约哦)
https://live.juejin.cn/4354/XState?source=2
❓ 提交问题: