寫還是不寫？作為一個團隊，如何權衡自研與開源庫
作者：dev
加載 jQuery，查找一些元素并為其添加類。加載 React 或 Vue，構建一個簡單的新聞網站。加載 Lodash，實現一兩個輔助功能。NPM 會安裝一堆依賴項，這些依賴項都有自己的依賴項，因為這是你在網上讀到的教程告訴你要做的。
隨著業務的快速發展，團隊成員從各自負責不同項目到需要重新聚集在一個核心項目上工作，這種轉變帶來了一個重要問題：在技術實現上，應該選擇現成的開源庫還是自己開發？
項目成長帶來的挑戰
當項目逐漸擴大，需要考慮：
- 多個項目的整合
- 業務模型的提升
- 新用戶的引入
- 團隊協作的頻率提升
這不是一件容易的事，但隨著業務的發展卻是必要的。因此，在某些時候，每個團隊都應該開始創建自己的工具（helpers&utils），或者使用開源庫中已經準備好的庫。這就需要在技術選型上做出更加慎重的決策。
平衡之道 ??
常見的過度使用情況
// ?? 不推薦：為簡單功能引入大型庫
import jQuery from 'jquery';
$('.menu').addClass('active');
// ? 推薦：使用原生方法
document.querySelector('.menu').classList.add('active');加載 jQuery，查找一些元素并為其添加類。加載 React 或 Vue，構建一個簡單的新聞網站。加載 Lodash，實現一兩個輔助功能。NPM 會安裝一堆依賴項，這些依賴項都有自己的依賴項，因為這是你在網上讀到的教程告訴你要做的。
我們采用的方法讓整個生態系統變得更加緩慢和脆弱。
對于一個小的局部問題，加載一個庫是一件不必要的昂貴的事情。對于大型通用問題集，唯一有效的方法，更不用說唯一合理的管理和解決方法，就是使用代碼庫（如 jQuery/React/Redux 等）。
技術選型決策矩陣
團隊中的每一個人都曾經使用過某樣東西，并確切地知道它是如何工作的。但時間在變，業務在變，需求也在變。因此，通過遵循以下原則，使用它才是正確的選擇。
- 開發時間 vs 維護時間
// 簡單功能自己實現
const formatDate = (date) => {
return new Date(date).toLocaleDateString();
};
// 復雜功能使用成熟庫
import moment from 'moment';
moment(date).format('YYYY-MM-DD');- 簡單性 vs 靈活性
// 簡單錯誤處理自己實現
class SimpleError extends Error {
constructor(message: string, code?: number) {
super(message);
this.code = code;
}
}
// 復雜錯誤處理使用庫
import { CustomError } from 'ts-custom-error';- 大任務 VS 小任務
是否面臨著一項艱巨的任務，需要外部代碼來解決？肯定是的，AMQP 或 SQL 操作都是太大的任務，不需要從頭開始開發，但微小的日志記錄可以就地解決。不要使用外部庫來解決小任務。
- 無我 VS 只為耍酷
你們的寫作方式可能與其他人不同，我的解決方案可能與你們的不同，但希望作為一個團隊，我們能互相提供想法，并指導團隊其他成員成為更好的開發人員。
決策清單 ??
在選擇技術方案時，需要考慮以下幾點：
- 功能重要性評估
// 核心功能示例：用戶認證
// 建議使用成熟庫如 Auth0、Firebase Auth
import { Auth } from '@auth0/auth0-react';
// 非核心功能示例：簡單數據轉換
// 可以自己實現
const transformData = data => ({
...data,
timestamp: Date.now()
});- 庫的適用性分析
- 與需求的匹配度
- 源碼的可訪問性
- 測試覆蓋率
- 可替代方案
- 體積與功能比
- 實際案例分析
// 場景：表單驗證
// 方案1：使用庫
import { useForm } from 'react-hook-form';
// 方案2：自己實現
const useValidation = (initialValues) => {
const [errors, setErrors] = useState({});
// ... 實現基本驗證邏輯
};
// 決策依據：
// 1. 如果只需要簡單驗證 -> 自己實現
// 2. 如果需要復雜驗證、性能優化 -> 使用成熟庫最佳實踐建議 ??
- 建立評估機制
interface LibraryEvaluation {
name: string;
bundleSize: number;
maintainability: number;
communitySupport: boolean;
lastUpdate: Date;
coverage: number;
}
const evaluateLibrary = (lib: LibraryEvaluation): boolean => {
// 根據團隊標準進行評估
return lib.bundleSize < 50000 &&
lib.maintainability > 8 &&
lib.coverage > 80;
};- 定期回顧
- 每季度評估已使用的庫
- 檢查是否有更好的替代方案
- 評估自研組件的維護成本
- 文檔化決策
# 技術選型文檔模板
## 需求描述
[詳細描述需求]
## 方案對比
- 方案A：使用庫 X
- 優勢：[列出優勢]
- 劣勢：[列出劣勢]
- 方案B：自研實現
- 優勢：[列出優勢]
- 劣勢：[列出劣勢]
## 最終決策
[說明選擇原因]記住，沒有完美的解決方案，只有最適合當前團隊和項目的選擇。關鍵是要在團隊內建立良好的技術決策機制，確保每個選擇都經過充分的評估和討論。
責任編輯：武曉燕
來源：
大遷世界
