design patterns react

反应设计模式

该存储库通过分析和实施反应设计模式来研究JavaScript和前端开发。

来自Wikipedia：

在软件工程中，软件设计模式是一种通用的，可重复使用的解决方案，以解决软件设计中给定上下文中常见问题。它不是可以直接转换为源代码或机器代码的完成设计。相反，它是如何解决在许多不同情况下可以使用的问题的描述或模板。设计模式是正式的最佳实践，在设计应用程序或系统时，程序员可以用来解决常见问题。

贡献

总是欢迎代码评论和拉动请求！

资源

• Wikipedia的软件设计模式

创建React应用程序入门

该项目用Create React应用程序进行了引导。

可用脚本

在项目目录中，您可以运行：

npm start

在开发模式下运行该应用程序。
打开http：// localhost：3000在浏览器中查看。

进行更改时，该页面将重新加载。
您可能还会在控制台中看到任何棉绒错误。

npm test

在交互式手表模式下启动测试跑者。
有关更多信息，请参见有关运行测试的部分。

npm run build

将应用程序构建到build文件夹中。
它正确地捆绑了在生产模式下进行反应，并优化构建以获得最佳性能。

构建被缩小，文件名包括哈希。
您的应用已准备好部署！

有关更多信息，请参见有关部署的部分。

npm run eject

注意：这是一个单向操作。 eject后，您将无法返回！

如果您对构建工具和配置选择不满意，则可以随时eject 。此命令将从您的项目中删除单个构建依赖关系。

取而代之的是，它将将所有配置文件和传递依赖性（webpack，babel，eslint等）复制到您的项目中，以便您完全控制它们。除eject以外的所有命令仍然可以工作，但是它们将指向复制的脚本，以便您可以调整它们。在这一点上，您是一个人。

您不必使用eject 。策划的功能集适用于中小型部署，您不应该感到有义务使用此功能。但是，我们知道，如果您在准备好后，您无法自定义该工具，则该工具将没有用。

了解更多

您可以在创建React应用程序文档中了解更多信息。

要学习反应，请查看反应文档。

代码分裂

本节已搬到这里：代码分类

分析捆绑包大小

本节已经搬到这里：分析捆绑大小

制作渐进式网络应用

本节已经搬到这里：制作-Pogressive-web-app

高级配置

本节已经搬到这里：高级配置

部署

本节已搬到这里：部署

npm run build无法缩小

本节已搬到这里：NPM-Run-Build-Build-Fails-wo-to-to-jinify

---