七步创建你的应用脚手架


我想在3天前分享Phodal

脚手架的应用是项目的重中之重,决定了整个项目的基调。

最近,我正在为新项目创建一个React脚手架(GitHub:

我好久没写过React了。我最后一次写React可能是在2015年。幸运的是,在2017年,我还编写了React Native - 主要工作是将Cordova的原生部分迁移到React Native。所以,我很熟悉只有React本身留在该部分的事实。

所以,我开始准备新的脚手架,并整理了相关的步骤:

选定的框架

创造你好,世界

咨询最佳实践

改善工程实践

尝试项目练习

做出决定

进一步深入

持续改进

代码生成(可选)

当我有更多时间时,我可以将其作为清单。

选择框架

那么,对于大多数组织来说,创建应用程序最合适的方法是选择一个框架而不是构建一个框架。因此,选择您的框架并继续下一步。

创造你好,世界

打开浏览器,然后:

使用官方提供的指南

查找社区指南

相应的也将是:

使用官方CLI

使用社区提供的脚手架

由于我们选择了脚手架,我们还需要更新脚手架,因此它没有太大的影响。

咨询最佳实践

打开聊天工具,然后:

寻求经验丰富的“专家”评论

咨询“年轻人”

阅读相关的实用文章

注意:

年轻一代,他们追求新技术的次数越多;一方面,技术热情,另一方面,新的机会。例如,几年前我对React的记忆可能仍然是Flux,而且世界已经经历过Redux,Dva等。

改善工程实践

打开GitHub,然后

依靠过去的经验

阅读开源项目

阅读开源项目的配置文件

了解官方规格

注意:

阅读开源项目真是一个很棒的IDEA。例如,我从同事的项目中学到了很多东西。此外,还有用于读取开源项目的配置文件。您只需打开项目,并从以点()开头的各种文件中打开,或者,您可以找到他们使用的神奇东西。尝试项目练习

打开IDE,然后

找到Todo App

阅读流行的开源项目(如前端组件库)

参考组件库

读它

注意:

对于一个框架,他们的Todo APP倾向于有各种花哨的用法,例如Todo for React Hooks或TOdo for Clean Architectrue。但是这些Todos有时并没有那么扎根。所以,你需要找到一些流行的开源项目。

做出决定

婊子然后:

A或B.

注意:

对于自由度的框架,例如React,您将始终陷入JS或CSS模块中的CSS。是React Router DOM还是Reach?这个问题真的很难,特别是在问了一堆专家之后,你会更加纠结。所以,这一次,您将考虑制作兼容的解决方案。

在您决定完成开发框架之后,您是否仍然需要纠缠测试框架?

进一步深入

拿起键盘,然后:

表格和表格验证

动画

HTTP请求管理

授权

注意:

表单验证是最复杂的地方,因此做出了更多决策。例如,Angular有一个Reactive Form和一个普通的Model Form。如果像React这样的框架在设计中有更多选择 - 您可以自己设计它,也可以选择框架。

代码生成(可选)

好吧,无论如何,您需要生成模板代码。如果您还没有,请考虑这一部分。

持续改进

其余的,我们需要继续改进我们的脚手架。

收集报告投诉

脚手架的应用是项目的重中之重,决定了整个项目的基调。

最近,我正在为新项目创建一个React脚手架(GitHub:

我好久没写过React了。我最后一次写React可能是在2015年。幸运的是,在2017年,我还编写了React Native - 主要工作是将Cordova的原生部分迁移到React Native。所以,我很熟悉只有React本身留在该部分的事实。

所以,我开始准备新的脚手架,并整理了相关的步骤:

选定的框架

创造你好,世界

咨询最佳实践

改善工程实践

尝试项目练习

做出决定

进一步深入

持续改进

代码生成(可选)

当我有更多时间时,我可以将其作为清单。

选择框架

那么,对于大多数组织来说,创建应用程序最合适的方法是选择一个框架而不是构建一个框架。因此,选择您的框架并继续下一步。

创造你好,世界

打开浏览器,然后:

使用官方指南

寻找社区指南

相应地,还会有以下内容:___________

使用官方CLI

使用社区提供的脚手架

由于我们选择了一个脚手架,我们还需要更新它,因此它没有太大影响。

咨询最佳实践

打开聊天工具,然后:

寻求经验丰富的“专家”建议

咨询年轻人

阅读实用文章

注意:

这一代人越年轻,就越追求新技术;一方面,它是技术热情,另一方面,它是新的机遇。例如,几年前我对React的记忆可能仍然是Flux,而且世界已经经历了Redux,Dva等等。

完善工程实践

打开GitHub,然后

依靠过去的经验

阅读开源项目

阅读开源项目的配置文件

了解相关的官方规范

注意:

阅读开源项目真的是一个很棒的IDEA。例如,我从同事的项目中学到了很多东西。此外,您可以阅读开源项目的配置文件,只需打开项目,您就可以从以点开头的各种文件中查看它们使用的惊人内容,例如,或者可能。试验项目实践

打开IDE,然后

找到Todo App

阅读流行的开源项目(如前端组件库)

参考组件库

读它

注意:

对于一个框架,他们的Todo APP倾向于有各种花哨的用法,例如Todo for React Hooks或TOdo for Clean Architectrue。但是这些Todos有时并没有那么扎根。所以,你需要找到一些流行的开源项目。

做出决定

婊子然后:

A或B.

注意:

对于自由度的框架,例如React,您将始终陷入JS或CSS模块中的CSS。是React Router DOM还是Reach?这个问题真的很难,特别是在问了一堆专家之后,你会更加纠结。所以,这一次,您将考虑制作兼容的解决方案。

在您决定完成开发框架之后,您是否仍然需要纠缠测试框架?

进一步深入

拿起键盘,然后:

表格和表格验证

动画

HTTP请求管理

授权

注意:

表单验证是最复杂的地方,因此做出了更多决策。例如,Angular有一个Reactive Form和一个普通的Model Form。如果像React这样的框架在设计中有更多选择 - 您可以自己设计它,也可以选择框架。

代码生成(可选)

好吧,无论如何,您需要生成模板代码。如果您还没有,请考虑这一部分。

持续改进

其余的,我们需要继续改进我们的脚手架。

——