AmanKhalid 译者
平川 编辑
Yonie
本文描述了构建大型React应用程序的步骤。在使用React创建单页应用程序时，代码库很容易变得杂乱无章。这使得应用程序很难调试，更难更新或扩展代码库。
React生态系统中有很多很好的库可以用来管理应用程序的某些方面，本文将深入介绍其中的一部分。除此之外，考虑到项目的可伸缩性，本文还列出了一些从项目开始就应该遵循的良好实践。说到这里，我们开始第一步——如何提前计划。
从画板开始大多数情况下，开发人员都会跳过这一步，因为它与实际代码无关，但是不要低估它的重要性，稍后你将看到这一点。
为什么要做应用程序计划在开发软件时，开发人员必须管理许多变化的部分。事情很容易出错。有这么多的不确定性和障碍，每一件事你都不希望它超时。
这是计划阶段可以避免的。在这一阶段，你要写下应用程序的每一个细节。与在脑海中想象整个过程相比，提前预测构建这些单独的小模块所需的时间要容易得多。
如果你有多个开发人员在这个大型项目中工作（你会的），有这样一个文档将使彼此之间的沟通更加容易。事实上，这个文档中的内容可以分配给开发人员，这将使每个人都更容易知道其他人在做什么。
最后，因为有了这个文档，你将对自己在项目上的进展有一个非常好的了解。对于开发人员来说，从他们正在开发的应用程序的一个部分切换到另一个部分，然后再回到这个部分要比他们希望的延后许多，这非常常见。
步骤1：视图和组件我们需要确定应用中每个视图的外观和功能。最好的方法是绘制应用程序的每个视图，使用一个模型工具(详见下方链接)或在纸上，这样你就可以很好地了解和计划每个页面上的信息和数据。
模型工具：