AlpineJS作者（不上班，一年10w刀）全栈工程师开源前端后端

大家好，我是卡颂。
今天为大家介绍一位坦诚的老哥。有多坦诚呢？他在推上实时公布自己赚了多少钱。

文章图片

到去年6月，老哥的年收入是10w刀。关键是：老哥从19年1月就不上班了。
接下来让我们看看这位坦诚的老哥是如何做到不上班年入10w刀。
不想上班了，想做喜欢的事这位老哥名叫Caleb Porzio，是一名全栈工程师。在离职前，他的年收入为9w刀。

文章图片

作为一名每天要在前端、后端来回编码的全栈工程师，某天闲暇时，Caleb突然产生一个想法：

能不能把前端的 UI交互逻辑也放到后端呢？

冥冥之中，老哥觉得这个想法可能改变他的人生轨迹。

文章图片

离职，全身心投入这个想法，最终产出的成果就是Livewire。

文章图片

Livewire是一款基于Laravel（一款PHP Web开发框架）的全栈框架，让我们通过一个动态搜索框示例展示他前后端一把梭的特点：
定义搜索框组件：

use Livewire\Component; class SearchUsers extends Component { public $search = ''; public function render() { return view('livewire.search-users', [ 'users' => User::where('username', $this->search)->get(), ]); } }

定义视图：

@foreach($users as $user) {{ $user->username }} @endforeach

在应用的任何地方引入该组件：

... @livewire('search-users') ...

当用户点击搜索框后，会实时请求用户数据，这是如何做到的？
Livewire原理可以分为四步：

前端首屏渲染时，渲染对应DOM结构（SEO友好）
交互发生，Livewire前端脚本发出请求
后端请求数据后渲染新的HTML字符串并返回前端
根据返回的HTML，前端增量更新视图

靠着这种前／后端一把梭的理念，Livewire已经获得1.2wstar。
与Vue的渊源不得不说Livewire的语法很类似Vue2。这也难怪，毕竟Laravel社区与Vue是有渊源的（Laravel创始人在推上的一波推广让当时名气还不大的Vue有了出圈的影响）。
Caleb的另一个开源项目AlpineJS是一款轻量级前端框架，在实现上很类似Vue1。
【AlpineJS作者（不上班，一年10w刀）】

文章图片

只有15个属性、6个特性、2个方法。与Livewire类似，都是走上手简单、功能强大路线。
截止现在，已经有1.8wstar。
喜欢的事能赚钱么坐拥2个star过万的项目，Caleb赚钱了么？答案是：没有。
虽然经常有用户表示希望他开通Patreon（一个打赏艺术家、创作者的网站），但这种只有少数人每月打赏你5刀的感觉，让Caleb觉得并不好。

文章图片

所以，很长时间Caleb的收入只有少量的付费咨询。
19年一整年开源带来的收入是：2w刀。

文章图片

转机出现在19年年末。
Github Sponsors Github Sponsors是Github推出的一项开源项目投资计划，他的理念是：

向那些你日常业务使用的开源项目投资，使他们的团队有精力更好的维护项目，从而使你的业务从中受益

开通Github Sponsors后，可以接受不同级别的支持，提供不同的服务。比如Caleb接受：

最低档 —— 14刀／月，面向个人开发者
最高档 —— 999刀／月，面向重度依赖Livewire的企业，可以得到定制服务

到20年6月，已经有535人为Caleb提供至少14刀／月的支持。这使他的年收入达到了11w刀。

文章图片

比当时上班的收入还高。
而1年后的今天，已经有1294人为Caleb提供支持。

文章图片

显然，老哥再也不用为收入发愁了。
总结凯文·凯利曾提出1000粉丝理论：

文章图片

他认为，创作者，如艺术家、音乐家、摄影师、工匠、演员、动画师、设计师、视频制作者，或者作家，换言之，也就是任何创作艺术作品的人，只需要拥有1000名铁杆粉丝便能体面的生活。
Caleb的经历很好的印证了这一点。
有些人觉得，有这个水平上班的收入更高。
另一些人觉得，不用上班、做着自己喜欢的事还能站着把钱赚了，这样的生活很美好。
你赞成哪种观点？