[WIP] Website: show instructions side by side

[DanielMSchmidt]

This PR aims to show the install instructions side by side, similar to the react-native docs.

• improve tooling
• build component
• style component
• use component

[stale]

This pull request has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[DanielMSchmidt]

Update from my side: I will be working on it this evening

[DanielMSchmidt]

I am continuing the work on this right now 👍

[DanielMSchmidt]

Status: Still need to use the component, but it looks okay-ish in the storybook :)

[DanielMSchmidt]

Oh man, this is harder then it seemed -.- But we are getting there, had to remove styled components as they didn't work well with docusaurus. Now somehow the included component is not dynamic, it doesn't do anything on click. This needs more investigation on my side.

[rotemmiz]

It's a big luck we have a professional on this then 😉

[DanielMSchmidt]

Uh nice, who is it? Thank you for your patience

[DanielMSchmidt]

Asking for help is our best option here, I wrote a demo, will keep you posted: facebook/docusaurus#584

[DanielMSchmidt]

@rotemmiz Outcome of the ticket on Docusaurus was that they don't rehydrate react, so they don't support interactivity in their documentations. We can go different routes from here:

1. Build the rehydrating on our own (You can load a script into docusaurus and we could use normal script tags to inline the rehydration logic) - should be feasible, might be hacky.
2. Open up an upstream PR for adding interactivity - we need to discuss that first with the maintainers, there might be good reasons against it in a general case that we are not aware of currently.
3. Drop the side-by-side functionality and anything interactive in the docs

[DanielMSchmidt]

Closing this for now