[TIMOB-27842] CSS: Investigate replacement of layout engines with cross-platform box model engine
| GitHub Issue | n/a |
|---|---|
| Type | Story |
| Priority | None |
| Status | Open |
| Resolution | Unresolved |
| Affected Version/s | n/a |
| Fix Version/s | n/a |
| Components | n/a |
| Labels | 2020-Q2 |
| Reporter | Christopher Williams |
| Assignee | Jan Vennemann |
| Created | 2020-04-13T17:27:40.000+0000 |
| Updated | 2020-04-14T18:52:07.000+0000 |
Description
We've been discussing this at length and have made some informal investigations, but we should carve out time to do a spike and get more data on how feasible it would be to add/replace the layout engine with a box model engine that would support use of CSS properties to style apps.
React Native uses Yoga layout: https://yogalayout.com
Are there other alternatives? Would this effectively break existing apps? How would we manage migrating to a new engine, via some opt-in property/module while we work on maintaining as much backwards compatibility as we can?
As mentioned by [~eharris], [Stretch](https://vislyhq.github.io/stretch/) might be an alternative to Yoga.