大家好,我是卡颂。
明天为大家介绍一位坦诚的老哥。有多坦诚呢?他在推上实时颁布本人赚了多少钱。
到去年 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(),]);
}
}
定义视图:
<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>
当用户点击搜寻框后,会实时申请用户数据,这是如何做到的?
Livewire
原理能够分为四步:
- 前端首屏渲染时,渲染对应
DOM
构造(SEO
敌对) - 交互产生,
Livewire
前端脚本发出请求 - 后端申请数据后渲染新的
HTML
字符串并返回前端 - 依据返回的
HTML
,前端增量更新视图
靠着这种 前/后端一把梭 的理念,Livewire
曾经取得 1.2wstar
。
与 Vue 的渊源
不得不说 Livewire
的语法很相似 Vue2
。这也难怪,毕竟Laravel
社区与 Vue
是有渊源的(Laravel
创始人在推上的一波推广让过后名气还不大的 Vue
有了出圈的影响)。
Caleb的另一个开源我的项目 AlpineJS
是一款轻量级前端框架,在实现上很相似Vue1
。
只有 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的经验很好的印证了这一点。
有些人感觉,有这个程度下班的支出更高。
另一些人感觉,不必下班、做着本人喜爱的事还能站着把钱赚了,这样的生存很美妙。
你赞成哪种观点?