yieldmachine

yieldmachine copied to clipboard

- 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.

RoyalIcing

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

RoyalIcing

- 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

RoyalIcing

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

2

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

RoyalIcing

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

RoyalIcing

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);...

RoyalIcing

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

RoyalIcing

https://twitter.com/chriscoyier/status/1438260193175932939 "Lucy compiles to XState" 

RoyalIcing

Compound states

1

- https://xstate.js.org/docs/guides/hierarchical.html

RoyalIcing

- e.g. Analytics - Show how to avoid duplication

RoyalIcing