Patrick Smith

- Parse mini modules format - Produce Wasm binary - Benefit: Able to be run anywhere: browsers, cloud, locally - Benefit: Sandboxed

# Visualizer - https://stately.ai/viz # Cloud rendered - Collected Press but for JavaScript modules. - Takes a .js file with a Generator Component from a Gist or GitHub repo, and...

Allow persisting and resuming state

2

Useful for hydration, testing, etc

- https://egghead.io/lessons/express-course-overview-web-security-essentials Add machines that demonstrate common attacks, and what they exploit. Then show machines that protect against these attacks. Also provide Playwright scripts that demonstrate the attacks.

https://github.com/andyjakubowski/statechart-watch

- https://github.com/react-hookz/web - https://react-hookz.github.io/web/?path=/docs/navigator-usenetwork--example & https://developer.mozilla.org/en-US/docs/Web/API/Navigator/onLine - https://react-hookz.github.io/web/?path=/docs/sensor-useintersectionobserver--example - https://react-hookz.github.io/web/?path=/docs/navigator-usepermission--example - https://react-hookz.github.io/web/?path=/docs/dom-useeventlistener--example - https://react-hookz.github.io/web/?path=/docs/dom-usekeyboardevent--example - https://react-hookz.github.io/web/?path=/docs/sensor-usemeasure--example

Allow states with dynamic elements, e.g. a router

2

~~~javascript const songID = Symbol(); yield path(['song', songID]); ~~~

See: https://github.com/davidkpiano/xstate/discussions/2178#discussioncomment-713202

Support subscribing to an EventSource

1

- https://www.html5rocks.com/tutorials/eventsource/basics/ ~~~js const machine = start(Machine); const eventSource = new EventSource(); machine.receiveFrom(eventSource); const messagesKey = Symbol("messages"); function* Machine() { yield listenTo(eventSource, "open"); yield on(new Map([["type", "error"], ["readyState", EventSource.CLOSED]]), Closed);...

https://eugenkiss.github.io/7guis/tasks/ https://blog.axlight.com/posts/learning-react-state-manager-jotai-with-7guis-tasks/