ری‌اکت نیتیو (React Native): استفاده از ESLint و Prettier برای کدنویسی - نکته خودمونی

استفاده از ESLint و Prettier برای کدنویسی

1. برای حرفه ای تر شدن در ری اکت نیتیو، استفاده از ESLint و Prettier رو فراموش نکن! این ابزار ها کمک می کنن کدت تمیز و مرتب باشه. ✨
2. ESLint بهت کمک می کنه خطا های منطقی و سبک کدنویسی رو قبل از اینکه تبدیل به مشکل بشن، پیدا کنی. خیلی کاربردیه! 👍
3. Prettier مسئول فرمت بندی خودکار کد شماست. مثلاً فاصله گذاری ها، براکت ها و ... رو مرتب می کنه. دیگه لازم نیست نگران این چیزا باشی. 💅
4. برای شروع، می تونی این تنظیمات رو توی فایل .eslintrc.js یا .prettierrc.js اضافه کنی: module.exports { extends: [ 'plugin:reactrecommended', 'plugin:react-nativeall', 'prettier' ], plugins: [ 'react', 'react-native', 'prettier' ], rules: { اینجا می تونی قوانین دلخواهت رو اضافه کنی } };
5. برای اینکه ESLint و Prettier با هم خوب کار کنن، حتماً پلاگین 'prettier' رو به ESLint اضافه کن. اینجوری تداخلشون کمتر می شه. 🤝
6. می تونی اسکریپت هایی به package.json اضافه کنی تا اجرای ESLint و Prettier رو راحت تر کنی. مثلاً: "scripts": { "lint": "eslint . --ext .js,.jsx,.ts,.tsx", "format": "prettier --write ." }
7. اگر از VS Code استفاده می کنی، حتماً افزونه های ESLint و Prettier رو نصب کن. اینجوری موقع کد زدن، همون لحظه پیشنهادات و خطا ها رو می بینی. 🤩
8. بهتره از همون اول پروژه، ESLint و Prettier رو تنظیم کنی. اینطوری همه اعضای تیم از یه استاندارد کدنویسی پیروی می کنن. 👨 💻👩 💻
9. قوانین ESLint رو می تونی خیلی شخصی سازی کنی. مثلاً می تونی استفاده از console.log رو توی محیط پروداکشن ممنوع کنی. 🚫
10. یادت باشه که ESLint و Prettier ابزارهایی برای کمک به تو هستن، نه محدود کردن خلاقیتت. ازشون به بهترین شکل استفاده کن! 😊