48 小时内将代码转换为 MVP

68 阅读2分钟

48 小时内将代码转换为 MVP

我花了 48 小时将我最近的项目编码到 MVP 状态:表单生成器Rocket Form。我在一家发展迅速的初创公司担任高级软件工程师。然而,每天晚上哄孩子入睡后,我发现我还有 2 个小时的空闲时间。考虑到我每晚的时间很短,我想分享我使用的技术,这些技术让我可以少写代码,多做事。

为了尽可能提高效率,我使用的技术要么是我非常熟悉的,要么是我有过一定经验并且可以快速深入研究的。它们还必须是我知道自己会喜欢使用的技术,以免精疲力竭。我最终使用的技术栈是 Ruby on Rails、Hotwire、Stimulus 和纯 JS。

这些技术让我能够快速行动,原因如下:

  1. Ruby on Rails: 它仍然是最好的全栈框架之一,可以在短时间内将想法转化为 MVP。它附带了所有基本功能,因此我可以少写一些样板代码,专注于功能。
  2. 熟练程度: 我精通 Ruby on Rails,所以这很容易。说实话,无论你最精通哪种框架,你的工作效率都会更高。
  3. Hotwire: 它让我能够为用户提供单页应用体验,而无需在后端代码之上编写大量前端代码。在传统的 SPA 中,前端和后端应用程序是分开的,但作为一名独立开发人员,我不想处理两个独立的应用程序。Hotwire 服务器端会渲染 HTML 的一部分,并自动将该部分拼接到更大的 HTML 文档中。
  4. 简化的前端: 有了 Hotwire 处理 SPA 工作,就无需使用更专用的前端框架,如 AngularJS 或 React。对于偶尔的 HTML 操作,我保留了普通的旧 JS 或 Stimulus。

由于 Rocket Form 是一个表单生成器,因此表单编辑器占了很大一部分。为此,我决定采用开源块编辑器Editor.js。这是我发现的唯一一款用纯 JS 构建的开源块编辑器。采用它并创建自定义块组件出奇地容易,我想赞扬 Editor.js 团队的出色文档。

我从Creative Tim购买了一个 bootstrap 模板。它们有漂亮的仪表板,让我可以花更少的时间进行设计和造型。

总而言之,为了快速行动,我坚持使用自己精通的技术,并利用包含所有基本功能的技术;这样我就可以限制样板代码的数量,并专注于编写功能代码。我使用预制的仪表板模板来节省设计和样式时间,并使用最少的 JS 在前端进行简单的 HTML 操作。

原文:www.indiehackers.com/post/code-t…