在前端開發中，“輪子”一詞是指各種工具、庫和框架等。不知你是否注意到，程序員們特別熱衷于造輪子，尤其是在前端領域，新的工具和技術層出不窮。那么，為什么前端程序員如此熱衷于造輪子呢？本文就來簡單探討一下。

造輪子可以分為兩種：重新造輪子和重新發明輪子。

• 重新造輪子，是指盡管市面上已有類似工具，開發者仍出于練習目的去模仿實現。比如，許多前端新手入門時都夢想著打造自己的 UI 組件庫或實現一個后臺管理系統。這類項目通常以練手為主，旨在發現其中的難點并積累經驗。
• 重新發明輪子，則是由于現有工具不完全符合個性化需求，于是開發者決定從零開始打造新工具，或在現有工具基礎上進行二次開發，以滿足個性化需求，同時為其他開發者提供便利。

無論是造輪子還是發明輪子，并無好壞之分。造輪子有助于提升個人經驗，而重新發明輪子既滿足個性化需求，又能惠及他人，實現雙贏。我們經常看到前端領域涌現出各種新框架和工具，很多都是在重新發明輪子。作者發現了現有工具的不足之處，因此決定自己動手，打造全新的解決方案。

正是有人不斷發明輪子，才有了越來越完美的輪子：

圖片

接下來，讓我們通過分析幾個近幾年被重新發明的新輪子，來理解重新發明輪子的意義。

Bun

2022 年，JavaScript 運行時 Bun 一發布便迅速走紅。Bun 之所以引人注目，主要歸功于其卓越的速度和全面的功能。我們目前最常用的 JavaScript 運行時是 Node.js，然而它存在一個顯著的問題——速度較慢。為了解決這一問題，Bun 應運而生。它針對 Node.js 的緩慢性能問題提供了顯著的改進，并且作為一個一體化的解決方案，集成了打包器、測試運行器以及與Node.js兼容的包管理器。Bun不僅彌補了Node.js的不足，還通過提供完善的工具鏈，為JavaScript開發帶來了革新。

圖片

Bun 的 Github Star 增長趨勢Bun 的誕生可以說是重新發明輪子的過程。其作者洞察到 Node.js 的局限性后，決定親自打造一款新的運行時。在我看來，這個過程頗具意義。

Rspack

Rspack 是字節跳動去年推出的一款自主研發的構建工具。在此之前，開發團隊廣泛采用的構建工具是 Webpack，它也是目前市面上使用最廣泛的構建工具。然而，Webpack 存在兩個顯著問題：一是配置不夠靈活，二是性能有待提升。由于前端社區沒有合適的解決方案，團隊決定自行研發 Rspack。Rspack 實現了 Webpack 的大部分功能，能夠對現有的 Webpack 項目實現無縫遷移，并帶來了 5 到 10 倍的編譯性能提升。

圖片

Rspack 每周 npm 下載量如今，許多使用 Webpack 的項目紛紛選擇遷移到 Rspack，從而獲得了顯著的性能提升。這一趨勢不僅彰顯了 Rspack 的強大優勢，也從側面證明了重新研發 Rspack 的意義。

shadcn/ui

去年開源的 shadcn/ui UI 組件庫，自發布以來在 GitHub 上已迅速積累了 64k Star，吸引了眾多國外項目的青睞。面對社區中琳瑯滿目的優秀 UI 組件庫，為何還要再造一個新的呢？關鍵在于 shadcn/ui 的獨特定位：它并非一個傳統意義上的組件庫，而是個組件的大熔爐，讓用戶能夠直接取用單個 UI 組件的源代碼，賦予開發者前所未有的靈活性和定制自由。開發者不必再費盡心思去覆蓋組件庫的默認樣式，使用起來隨心所欲，非常便捷。

圖片

shadcn/ui 的 Github Star 增長趨勢在眾多優秀的 UI 組件庫中，shadcn/ui 成功地脫穎而出，堪稱是對“重新發明輪子”理念的一次精彩演繹。

小結

如果你是以學習為目標，那么投入時間造輪子無疑是一種非常有效的學習方法。

然而，在實際開發過程中，我們必須注重效率，避免不必要的努力。當有成熟且優質的工具可供使用時，直接采用這些經過時間檢驗、設計周全的工具是明智之舉，無需浪費時間在重復性工作上。

但是，當現有工具無法滿足個人需求，或者存在許多可以通用化的方法時，重新發明輪子就顯得非常有價值。