作者：卡颂
简介：《React技术揭秘》作者
来源：SegmentFault 思否社区
今天为大家介绍一位坦诚的老哥。有多坦诚呢？他在推上实时公布自己赚了多少钱。
到去年6月，老哥的年收入是10w刀。关键是：老哥从19年1月就不上班了。接下来让我们看看这位坦诚的老哥是如何做到不上班年入10w刀。不想上班了，想做喜欢的事
这位老哥名叫Caleb Porzio，是一名全栈工程师。在离职前，他的年收入为9w刀。
作为一名每天要在前端、后端来回编码的全栈工程师，某天闲暇时，Caleb突然产生一个想法：
离职，全身心投入这个想法，最终产出的成果就是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(),
]);
}
}
<div>
<input wire:model="search" type="text" placeholder="Search users..."/>
<ul>
@foreach($users as $user)
<li>{{ $user->username }}</li>
@endforeach
</ul>
</div>
<body>
...
@livewire('search-users')
...
</body>
当用户点击搜索框后，会实时请求用户数据，这是如何做到的？前端首屏渲染时，渲染对应DOM结构（SEO友好）
交互发生，Livewire前端脚本发出请求
后端请求数据后渲染新的HTML字符串并返回前端
根据返回的HTML，前端增量更新视图
靠着这种前／后端一把梭的理念，Livewire已经获得1.2wstar。与Vue的渊源
不得不说Livewire的语法很类似Vue2。这也难怪，毕竟Laravel社区与Vue是有渊源的（Laravel创始人在推上的一波推广让当时名气还不大的Vue有了出圈的影响）。Caleb的另一个开源项目AlpineJS是一款轻量级前端框架，在实现上很类似Vue1。
与Livewire类似，都是走上手简单、功能强大路线。喜欢的事能赚钱么
坐拥2个star过万的项目，Caleb赚钱了么？答案是：没有。虽然经常有用户表示希望他开通Patreon（一个打赏艺术家、创作者的网站），但这种只有少数人每月打赏你5刀的感觉，让Caleb觉得并不好。
所以，很长时间Caleb的收入只有少量的付费咨询。
Github Sponsors
Github Sponsors是Github推出的一项开源项目投资计划，他的理念是：向那些你日常业务使用的开源项目投资，使他们的团队有精力更好的维护项目，从而使你的业务从中受益开通Github Sponsors后，可以接受不同级别的支持，提供不同的服务。比如Caleb接受：到20年6月，已经有535人为Caleb提供至少14刀／月的支持。这使他的年收入达到了11w刀。
而1年后的今天，已经有1294人为Caleb提供支持。
总结
他认为，创作者，如艺术家、音乐家、摄影师、工匠、演员、动画师、设计师、视频制作者，或者作家，换言之，也就是任何创作艺术作品的人，只需要拥有1000名铁杆粉丝便能体面的生活。另一些人觉得，不用上班、做着自己喜欢的事还能站着把钱赚了，这样的生活很美好。
点击左下角阅读原文，到 SegmentFault 思否社区 和文章作者展开更多互动和交流，扫描下方”二维码“或在“公众号后台“回复“ 入群 ”即可加入我们的技术交流群，收获更多的技术文章~
