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(),
        ]);
    }
}

定義視圖：

<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的經歷很好的印證了這一點。

有些人覺得，有這個水平上班的收入更高。

另一些人覺得，不用上班、做着自己喜歡的事還能站着把錢賺了，這樣的生活很美好。

歡迎加入人類高質量前端框架羣，和大家一起成長

你贊成哪種觀點？

卡頌博客

卡頌博客

博客 / 詳情