Framework Compatibility

Even though HelixUI strives to remain platform-agnostic, we also want to build functionality in a way that provides the least resistance for integration into a consumer's technology stack. As such, you should avoid implementing any business logic into new functionality (no API calls, no permission/authorization logic, no URLs, etc.).

The frameworks we aim for the most compatibility are:

• Vanilla HTML (i.e., no framework)
• Angular 1.x
• React 15+
• VueJS 2.x

Keep reading to learn more about framework compatibility issues and strategies to correct or work around them.

Vanilla HTML

(a.k.a. No framework) TBD

Angular 1.x

TBD

React 15+

• TODO: Using ref to attach event listeners
• Warning: React's synthetic events violate non-bubbling specifications.
  • It is a "known and intentional deviation".
  • See facebook/react#12786 and facebook/react#6410 for information.

Vue 2.x

• FYI: nesting a <div> within a <p> seems to break data binding in VueJS 2.5
  • (codepen example)
  • trying to track down the reason why this breaks
  • To be continued...

Resources

• Custom Elements Everywhere
• Bypass synthetic event system for Web Component events (facebook/react#7901)