使用Angular Flex-Layout是一个好的实践吗？

Question

我想知道使用Angular Flex-Layout模块是否是一种好的实践。 它难道不只是带有额外性能成本的糖衣行内样式，因为它使用JavaScript来进行样式处理吗？ 如果可以，请向我解释为什么我应该使用它而不是基本的flex box。

- Mulperi

Answer 1

注意：答案可能因用户意见而异。

如果你已经使用了CSS中的Flexbox，我不建议尝试使用Angular Flex Box包。

如果你正在构建一个全新的应用程序，那么可以尝试使用它。

然而，该包仍处于beta阶段。如果我正在构建生产应用程序，我不会在我的项目中使用beta包。你只需要等待主要版本发布，然后再在应用程序的PROD版本中使用。

我只是在GitHub存储库中强调了一条评论（https://github.com/angular/flex-layout/issues/674#issuecomment-374866400）。

该项目永久处于beta阶段的原因是因为该项目的许多功能尚未最终确定。正如你在过去几周中所注意到的，我们介绍了大量的beta版本之间的重大变化。更不用说我们正在进行的更改（例如切换到CDK布局引擎），其中大部分将不得不等到Ivy渲染器完成后才能完成（这将远远超过v6）。

虽然许多核心指令的功能保持稳定，但我们仍在调整和改进它们。此外，使用基于指令的布局库会带来性能损失，我们希望在Ivy渲染器发布时解决这些问题。

我们理解使用仍处于beta阶段的项目可能会让人感到沮丧/反感，但目前它给了我们更快地改进项目的灵活性，同时我们正在努力确定该库的“稳定”版本将是什么样子。随着Ivy的最终确定和我们能够确定设计方案，我们希望在接下来的几个月内有更多的更新。

如果你是初学者，并想在任何小型项目中尝试此包，请尝试并注意beta版本之间的重大变化。

- Pandiyan Cool

Answer 2

我知道回答有些晚了，但在研究这个包后，我自己也有这个问题。通常我只使用CSS flexbox，因为它非常简单，而且我发现它没有很多样板代码，可以快速获得结果。对我来说，该库看起来就像你所说的糖衣样式，我不知道性能损失如何，但我找到了一个链接，其中包含一些示例，基本上显示出添加指令可以大幅减少CSS代码： https://indepth.dev/angular-flex-layout-flexbox-and-grid-layout-for-angular-component 我还看过带有辅助类的CSS库解决方案，这也减少了自定义CSS的使用，考虑了响应性等等，例如https://tailwindcss.com/。如果真的存在使用指令为基础的样式的性能缺陷，我会选择仅基于CSS的解决方案。

- Vee6

---

我现在会很容易地选择使用Tailwind。 - Mulperi