HuntsBot周刊第6期:我构建了一个 30 万美元/年的 Vue.js 组件库

哔哩哔哩   2023-02-01 10:10:30

“想象一下在海滩的水中,被大浪拖下;你会怎么做?你会抱怨起床太难吗?你会认为你被压制是不公平的吗?把你在水里的事实归咎于别人怎么样?或者,你会用你的每一盎司来呼吸空气吗?如果你每天为成功而奋斗,就像溺水时为呼吸而奋斗一样,你就会成功。”


(资料图片)

你好!你是谁,你是做什么生意的?

你好!我叫 John Leider,是Vuetify(https://vuetifyjs.com)的创始人。我创办公司是为了帮助开发人员,尤其是缺乏设计和缺乏经验的开发人员,构建漂亮的 Web 应用程序。

我是Vuetify(https://vuetifyjs.com/)开源库的作者和首席开发人员,这是一个在流行的 JavaScript 框架Vue.js构建的用户界面库。它为开发人员提供了数百个元素(也称为组件),用于构建从网站到 Chrome 扩展程序再到桌面应用程序的任何内容。此外,Vuetify 是一个开源项目,是一种在 MIT 许可下可以自由更改、从中获利、转售或以其他方式使用的软件。它主要由我自己、我的妻子 Heather 和一小群核心开发人员维护,并得到了更大社区的帮助。

你的背景故事是什么?你是如何想出这个想法的?

我于 2013 年 1 月完成了在美国陆军的服役,并通过获得 A+、Security+ 和 Network+ 认证来寻求从事 IT 职业。由于学校是我的主要关注点,我搬回了我的家乡佛罗里达州,在那里我继续学习,最后在他们的网络公司与朋友一起工作。

带领我们完成您的第一个产品的设计、原型制作和编码过程。

Vuetify 的外观和设计基于 Google 的Material Design 规范——并使用 Vue.js 框架实现。该规范将典型应用程序的公共部分分解为更小的功能块,命名为组件。组件是使用一组参数来定义其样式的元素。然后,开发人员将这些预制组件组合成多个名为“Vue 模板”的文件。

模板由 3 个主要部分组成;HTML 模板、javascript 脚本和用于 CSS 或 SCSS 样式的样式部分。这极大地简化了将 Material Design 规范应用于我们的组件的过程。为了支持各种样式要求,我们采用与应用程序交互的概念并将它们浓缩成一个简单的界面,以便轻松更改 Vuetify 的外观和工作方式。

描述开展业务的过程。

Vuetify 的第一个 pre-alpha 版本于 2016 年 9 月发布,并于当年晚些时候在 12 月 14 日进入公共 alpha。我的时间被分配在开发新功能、修复错误、寻找其他开源开发人员以及为业务和企业用户提供直接支持之间。开源项目在社区内其他开发人员的支持下取得进展,通常不会产生大量运营成本。

这种独特的模式使我可以将开发费用与业务收入分开支付,并且开发人员可以将发票提交给不同的实体。研发、错误修复和新功能都通过名为Open Collective的平台通过发票支付。对于一些核心团队,Vuetify 每月额外支付高达 1,000 美元的津贴;目前每月回馈超过 2,500 美元。

自推出以来,是什么吸引和留住了客户?

专注于您的核心价值主张

客户保留最重要的方面是主要关注“价值主张”。Vuetify 的价值源于它是一个任何人都可以免费使用的大型、功能丰富的 UI 库。这种方法吸引了庞大的用户群,我们可以通过多种方式参与,从时事通讯、社交媒体帖子到GitHub 讨论,以及我们在Discord中的聊天服务器。

你今天过得怎么样,未来会是什么样子?

自去年初以来,Vuetify 框架的下一个版本一直在以一种或另一种形式进行开发。然而,2020 年在寻找资源和资金方面充满了许多障碍。这最终将发布时间推迟到了 2021 年 10 月,而我们有望顺利实现这一目标。

下一个版本的功能集是数千个已修复的错误、数百个新功能、大量愚蠢的错误和许多惨痛的教训的结晶。一个从我的创意开始的简单想法已经演变成真正特别的东西,由社区在一小群令人难以置信的开发人员的指导和指导下建立。这是我们写给前端 Web 开发的情书,也是我个人的代表作。

展望未来,我很高兴能够通过构建丰富开发人员体验的新工具和服务来支持即将推出的产品。我也有创建以 Vuetify 为中心的视频内容的愿望,我相信这是我在 Vuetify 故事中的自然发展。帮助他人一直是我的热情,也将永远是我的动力。

通过创业,你有没有学到什么特别有用或有利的东西?

尽早进入 Vue.js 纯属偶然,也是 Vuetify 最初成功的最大支持者之一,不可低估。对 Web 开发相对较新,并创建了如此迅速流行的东西,这让我真正感受到了初学者的运气。

成为一个伪公众人物,让成千上万的其他开发人员仔细研究我编写的代码,这通常会给我相当于作家的障碍,但对于程序员来说。多年来,我一直在与严重的冒名顶替综合症作斗争。我经常发现自己处于对自己的表现过分挑剔的境地;对我来说,它永远不够好。

直到我停下来回顾一切开始的地方,我才意识到 Vuetify 真正走了多远。我很少花时间去欣赏多年磨练的副产品。回顾我的旅程为我提供了一次变革性的回顾,并帮助我更好地欣赏我的成就。

您为您的业务使用什么平台/工具?

管理一切 Vuetify 是一项艰巨的任务,它依赖于众多 3rd 方服务来实现各种目的,包括使用Shopify和Vuetify为商店提供支持、在BrowserStack中进行浏览器测试,或者使用Vercel托管我们的网站。我使用Zapier自动执行各种任务,例如跨多个社交平台传播发布信息。对于资金,我使用Patreon、GitHub 赞助商和OpenCollective作为核心团队。

在我的日常工作中,我使用Shift.io将这些服务中的大部分组合到一个界面中——包括电子邮件、日历、分析等等。对于数据库和数据管理,我以某种形式或形式对所有 Vuetify 属性使用Cosmic.js 。我最近还购买了一个Stream Deck来轻松加载我常用的桌面应用程序。

我使用 VS Code 编辑器和 Windows 11 WSL2 进行开发。对于硬件,我使用Das Keyboard 4 Professional、Razer Viper 鼠标和木制键盘腕托。

我对手写笔记有一定的亲和力,最近购买了reMarkable 2,这是一款感觉就像纸一样的书写板。它就像成人的素描画,它的用途远远超出了正常工作日。

最有影响力的书籍、播客或其他资源是什么?

对我来说最重要和最有影响力的资源是Laracasts上的视频。它提供高质量、专业的教育课程,这也是我最初接触 Vue 的方式。尽管我不再使用 Laravel,但它和 Laracasts 都对当今 Vuetify 中使用的许多术语和设计范式负责。

对其他想要开始或刚刚开始的企业家的建议?

不是陈词滥调,而是去做。不确定性可能是一种自然的动力;特别是当你有真正的东西在线时。你会发现你从来不知道存在的困难,并被迫解决它们。与聪明人相处并倾听他们的意见。谦卑自己,愿意为自己的错误承担责任;以及其他人的错误。

当您与朋友闲逛、查看社交媒体、玩游戏或看电视时,其他人正在外面工作。他们和你一样有动力。他们会做出同样的牺牲,你会回避这些牺牲,并且同样——如果不是更多——下定决心要成功。

想象一下在海滩的水中,被大浪拖下;你会怎么做?你会抱怨起床太难吗?你会认为你被压制是不公平的吗?把你在水里的事实归咎于别人怎么样?或者,你会用你的每一盎司来呼吸空气吗?

如果你每天为成功而奋斗,就像溺水时为呼吸而奋斗一样,你就会成功。

您现在是否正在寻找某些职位的招聘?

简而言之,没有。由于 Vuetify 是一个开源项目,我们的大部分开发都是通过社区慷慨捐赠的时间和资源来实现的。如果您希望参与框架的改进,请在我们的Discord 社区中与我联系。

火星来客公众号

每周一篇文章分享,分享内容关于自由职业者开发变现相关的创意灵感、技术实现、盈利模式、营销推广等,促进彼此成长,从经验中学习,快速落地各自的产品,实现副业创收与持续盈利。

最新资讯