تيب صغير كده عايز أشارككم بيه ... كديفيلوبرز

فيه تيب صغير كده عايز أشارككم بيه...
إحنا كديفيلوبرز عارفين المعاناة:
كوميت يدخل وتلاقيه مكسر الدنيا في البرودكشن
الكود ريفيو كله ملاحظات على الـ spacing والفورمات
أو تيب واحد ناقص يخلي البيلد يضرب

أنا حلّيت الموضوع ده في التيم عندي باستخدام Git Hooks + Husky

الخطوة ١ - نزّل Husky + lint-staged​

npm install husky lint-staged --save-dev
npx husky install

الخطوة ٢ - ضيف الـ Quality Checks في package.json

"lint-staged": {
    "./**/*.{js,jsx,ts,tsx}": [
    "eslint . --fix --max-warnings 0 --no-warn-ignored",
    "prettier --write",
    "tsc --noEmit"
    ]
}

من اللحظة دي، أي كوميت هيتراجع أوتوماتيك:

ESLint → يظبط اللي يقدر عليه ويوقف الباقي
Prettier → يخلي الكود كله ستايل واحد (مفيش نقاش في الـ PR )
TypeScript → strict validation يوقف أي غلطة
Import sorting → ينضف الكود

النتيجة؟
Bugs أقل
كود شكله واحد وسط التيم كله
ريفيو أسرع
كود شكله بروفيشنال يبهر أي كلاينت
حاجة صغيرة، بس تأثيرها كبير جدًا .
جربها وهتدعيلنا