Vue 超越 React 破 10 萬星，比球賽精彩
近日，Vue 在 Github 上的星星數第一次超過了 React，React 的主要開發者 Dan 在 Twitter 上表示了祝賀。
昨天 19 時 9 分前後，Vue 與 React 兩個著名現代前端框架雙雙突破 10 萬 GitHub Stars。
並且在同日，晚於 React 誕生的 Vue 首次在 GitHub Star 數量上超越 React，最終率先達到 10 萬。
Hubble 取名自哈勃空間望遠鏡，寓意觀測星星的歷史。主要功能是查詢一個 GitHub 倉庫的 star 歷史，以及檢視自己今年獲得了多少 star。
做這個專案的起因其實只是我想要知道自己今年獲得了多少 star 而已。順帶想起用過的幾個查 star 歷史的工具都不是很好看或者好用，於是就想也做上查詢 star 歷史的功能。在此過程中對 GitHub API 的使用也有了更加深入的學習。
Hubble 上線之後，有使用者提議增加同時檢視兩個 repo 歷史的功能，看看兩個倉庫互相追逐的樣子。我覺得聽起來很有趣，就把『Repo race』這個功能列入了計劃當中。
作為 React 和 Vue 的使用者和粉絲，聽到這樣的功能第一個想到的就是它倆，於是我在 Repo race 中加入了一個彩蛋：
因為要區分兩個倉庫的圖線，所以需要使用者來為兩個倉庫選擇各自圖線的顏色，而當輸入的 repo 是facebook/react和vuejs/vue時，將會自動使用它們的主題色(#61dafb和#41b883)。
在開發 Repo race 的過程中，我自己已經看過完整的 React 和 Vue star 歷史。我注意到很長時間以來，Vue 的增長速度比 React 要快很多，並且最近差距已經縮小到 1000 多。
我就突發奇想，想要做一個實況，親眼見證 Vue 趕超 React 的時刻。就這樣，React vs. Vue 在三週前上線了。
幾周以來我聽取一些訪問者的意見和建議，逐步優化效能和視覺效果，讓訪客能清晰的體驗這場競賽的走勢（尤其感謝@gusto的許多建設性意見）。除了原本的柱狀圖外，還增加了折線圖，顯示最近 400 天兩者的 star 趨勢。並且為了讓更多人能正常訪問，同時結合使用了 GitHub REST API v3 和 GitHub GraphQL API v4。
這三週以來大約每天分差都會縮小几十到一百左右，預計在 6 月 20 日前後 Vue 將追平 React。到了前天晚上，差距縮小到 500，我增加了 Facebook 和 Twitter 分享按鈕，希望更多的粉絲能一起觀看。並且打算過幾天即將追平的時候，把折線圖換成每秒趨勢圖，這樣可以實時看到走勢變化，並且最終趕超時將會看到一個 “X” 形。
結果一覺醒來，Vue 已經領先 React。
也就是說一夜之間分差的縮小速度從 100 猛增到了 500 多。社群的粉絲提醒我，不僅是 Vue 突然開始猛增，React 其實也突然開始猛漲。事實上，如果去看看 Repo race 就會發現，兩個倉庫這一天的增長速度都是各自建立以來前所未有的。
當然這也讓我不得不手忙腳亂緊急開始上線每秒趨勢圖，幸好還是趕上了。有了每秒趨勢圖，可以清楚地看到兩條圖線分分合合纏繞在一起，不停地相互超越，非常精彩刺激。
這下我不光看到了 “X”，甚至看到了一條 DNA…
最終的結果也是十分戲劇性，兩個倉庫在同一分鐘雙雙達到 10 萬 star，皆大歡喜。一些粉絲在Hubble全程關注了這一精彩的實況，其中包括 Vue 核心團隊成員（也是上圖的提供者）。
最後貼一張截圖，是昨天 Vue 衝線時一位 Hubble 訪客的評論。我深有同感。
再看看尤大的評論，總之大家都對喜愛的東西抱有熱情，開開心心的就好啦。
∞∞∞∞∞
公眾號回覆“JS”，
邀你加入IT派{ JS前端技術群 }