Xstate: Maintain code examples in this repo and show it through embedding

[carloslfu]

Bug or feature request?

Feature request

Description:

The better way to maintain code examples is to have it in this repo, so anyone can modify it and submit a PR.

Potential implementation:

The implementation might be to have all code examples in docs/examples folder. AFAIK Codepen doesn't have a way to import Github repos, so I recommend using Stackblitz or CodeSandbox for that, see:

Stackblitz Github Import
CodeSandbox Github Import

I can contribute with this implementation, so let me know your thoughts.

[davidkpiano]

I'd love help with this. I'm planning on rewriting the docs using Gatsby + MDX.

[carloslfu]

Great! I'll start working on it this weekend.

[bradwoods]

I'd be keen to help rewrite documentation using Gatsby + MDX.

[davidkpiano]

I'd be keen to help rewrite documentation using Gatsby + MDX.

Currently wrestling with that now. I thought it was a good idea but MDX support doesn't seem mature in Gatsby yet.

[carloslfu]

See #184 , here a live demo.

[davidkpiano]

Embedded examples through CodeSandbox: https://xstate.js.org/docs/examples/todomvc.html

You can open a pull request directly to master to add your own. 🚀

[carloslfu]

Wow! that's great 🔥

[bradwoods]

Nice! Do you want the examples to strictly use XState or could they include an interpreter not from XState source?

[davidkpiano]

They can use any interpreter.