Flex-layout is causing performance issues about bangumin HOT 2 CLOSED

Started migrating layout library to Bootstrap, reason:

1. Preliminary experiments showed that if we use pure css to manage layout, this performance issue will be solved
2. Bootstrap 4 is a mature css library, for most functionalities in flex-layout, we can find an alternative in Bootstrap 4
3. Boorstrap 4 can be partially imported to only use its grid system and utilities (a customizeable css library!)

Other candidates(prefer flexbox-based libraries):

• Bulma: Promising enough, easy to use(i.e. class name are human-readable, Hero and Tile are pretty handy)
• Flexbox Grid: Neat, small, but probably to simple

from bangumin.

Recents commits should have fixed the issue, marking as closed.

Possible root cause: nested flex-layout shouldn't be used(nested flexbox layouts are fine, nested flex-layout directives are probbaly not, if we use aot probably this issue will be solved: didn't test, even during development 8~16s loading time is unacceptable) but without using nested flexbox layout it's not possible to write a sophisticated page... hasn't the Angular team been aware of this issue?

from bangumin.