Document React + custom element quirks

[geoffrich]

Is your feature request related to a problem? Please describe.

React doesn't play nice with custom elements. We should document some of the common pitfalls and workarounds. Most of these are already shown in AuroReactDemo, but explicit documentation is also necessary instead of just a code demo.

Describe the solution you'd like

Document React quirks:

• Setting properties on custom elements (though I'm not sure how many array/object properties we have in Auro at the moment. I know inputoptions used to be a big pain point, but that uses slots now)
• Listening to custom component events (see also: Component event strategy auro-radio#26)
• Removing boolean attributes

This CSS tricks article is a good source of knowledge for this.

Describe alternatives you've considered

Leave people in the dark? 😁

If we provided a React wrapper, most of these issues could go away.

Additional context

This came out of a discussion with the Flight Changes team.

Exit criteria

I'd like to see this information added to the React demo and a link to that document in the doc site's Support/FAQ section.

[blackfalcon]

Closing this issue as the action will take place in the React Demo, not specifically the doc site.