Add React interopt guide

[nojaf]

These are some notes on importing existing React components.

[vercel]

@nojaf is attempting to deploy a commit to the ReScript Association Team on Vercel.

A member of the Team first needs to authorize it.

[nojaf]

@fhammerschmidt any thoughts on this?

[fhammerschmidt]

Consider wrapping your examples in <CodeTab>s and format them in the playground. Then you can also grab the JS output from there (usually without the noise of imports, many such examples can be found in the codebase).

[fhammerschmidt]

Also I am currently working on compiling the React examples in tests, so would be nice if you ensure they actually compile in the playground. No need for them to execute though.

[nojaf]

Thanks @fhammerschmidt, this is great feedback!
I used CodeTabs and ensured that everything compiled in the playground.

[fhammerschmidt]

I just had a look at an old PR which basically does the same thing as you here, but they named the chapter Import / Export ReactJS. Also they put it under "main concepts" and not "guides". I think yours would be fitting there as well instead?

Can you steal the naming from there and do what @ryyppy mentioned in his last reply?

Maybe good for discussion: What if we called it Import / Export ReactJS? That way we could also give some example on how to consume a ReScript/React component on the JS side?

So instead of javascript-interop, call it import-export-reactjs and give another example for the export part?

[nojaf]

Alright, done!

[fhammerschmidt]

Superb!