ngrx / example-app

Question

我正在写关于@ngrx良好实践的问题（我猜）。几个月前我发现了Flux和Redux，但我最近在实践中一直在使用@ngrx。我必须承认，这是一个非常广泛但有趣的话题。

解释：

对于第一步，我使用了一些教程和官方示例应用程序存储库（可在此处找到 - ＆gt; ngrx/example-app）。 关于如何使用@ngrx和干净的代码我印象深刻。我使用基于ngrx / example-app的@ngrx创建了自己的应用程序，但我有一个重要问题：

在example-app中，您可以找到两种组件。首先在 src / containers 中，然后在 src / components 目录中。 我理解使用存储的容器，但组件的数据是通过@Input's传递的。

问题： 此结构的原因是什么（对应用有效）？所有应用程序组件都可以使用app store吗？

Answer 1

组件（又名 dumb 或演示文稿）不应该知道应用程序上下文，它们应该非常＆＃34;泛型＆＃ 34 ;. 这就是为什么他们不应该使用NGRX存储并保留loosely coupled与应用程序的其余部分，并且只能通过@Input和@Output与其父进行通信。 它允许它们在应用程序的不同部分重复使用，用于不同目的，甚至可以在其他应用程序中使用。

如果您的组件无法访问NGRX商店，则它应该智能 容器，了解其使用的上下文并与之交互。