ریفکتورینگ جامع Front-End (React) و بازآرایی ساختار پروژه متاورس رنگ ( frontend trainee )
تجربه: 3
سن: 20 الی 40
محدوده حقوق و دستمزد: قابل مذاکره
جای خالی: 1
طبیعت شغلی : پیمانی
تاریخ ارسال : 2025.11.20
آخرین تاریخ : 2026.01.29
۱. هدف بازنویسی و سازماندهی کامل پروژه React با ایجاد یک ساختار تمیز، ماژولار، استاندارد و قابل نگهداری که بتواند بدون دردسر توسعه آتی را پشتیبانی کند. ۲. دامنه کار (Scope of Work) ۲.۱. ریفکتورینگ و بازآرایی ساختار کد مرتبسازی کامل ساختار پوشهها: components pages services api utils hooks assets context/store ایجاد ساختار ماژولار مبتنی بر Feature یا Domain برای افزایش خوانایی و توسعهپذیری. حذف کامل موارد غیرضروری: فایلهای بلااستفاده importهای بدون کاربرد کامپوننتهای تکراری remains / leftovers کدهای قدیمی بهینهسازی Dependencies: حذف پکیجهای تکراری حذف وابستگیهای اشتباه دستهبندی صحیح devDependencies و dependencies آپدیت پکیجها: ارتقا به نسخههای پایدار رفع ناسازگاری وابستگیها بررسی دقیق Typeها (درصورت استفاده از TypeScript) تنظیمات Build/Dev: اصلاح تنظیمات Webpack یا Vite بررسی و اصلاح babel تفکیک محیطها (dev/prod) پاکسازی scripts اضافه استانداردسازی importها: فعالسازی absolute import تنظیم alias در jsconfig / tsconfig رعایت اصول Clean Code: نامگذاری استاندارد کاهش تکرار کد (DRY) حذف anti-pattern ها خوانایی بالای کد پیادهسازی Lazy Loading: استفاده از React.lazy برای صفحات سنگین dynamic import برای بخشهای ثانویه لینتینگ و فرمتینگ: فعالسازی ESLint فعالسازی Prettier اعمال rules روی کل پروژه۲.۳. موارد تکمیلی و الزامات تهیه README جدید مستند کامل dependency ها تولید changelog برقراری ساختار Git استاندارد (GitFlow) commit message استاندارد داکیومنت نهایی ساختار پروژه۴. خروجی نهایی (Deliverables) نسخه ریفکتورشده کامل پروژه ساختار پوشهبندی استاندارد کد تمیز و قابل توسعه README و changelog جدید تحویل Git منظم مستند ساختار نهایی پروژه
بازنویسی و سازماندهی کامل پروژه React با ایجاد یک ساختار تمیز، ماژولار، استاندارد و قابل نگهداری که بتواند بدون دردسر توسعه آتی را پشتیبانی کند.
مرتبسازی کامل ساختار پوشهها:
components
pages
services
api
utils
hooks
assets
context/store
ایجاد ساختار ماژولار مبتنی بر Feature یا Domain برای افزایش خوانایی و توسعهپذیری.
حذف کامل موارد غیرضروری:
فایلهای بلااستفاده
importهای بدون کاربرد
کامپوننتهای تکراری
remains / leftovers کدهای قدیمی
بهینهسازی Dependencies:
حذف پکیجهای تکراری
حذف وابستگیهای اشتباه
دستهبندی صحیح devDependencies و dependencies
آپدیت پکیجها:
ارتقا به نسخههای پایدار
رفع ناسازگاری وابستگیها
بررسی دقیق Typeها (درصورت استفاده از TypeScript)
تنظیمات Build/Dev:
اصلاح تنظیمات Webpack یا Vite
بررسی و اصلاح babel
تفکیک محیطها (dev/prod)
پاکسازی scripts اضافه
استانداردسازی importها:
فعالسازی absolute import
تنظیم alias در jsconfig / tsconfig
رعایت اصول Clean Code:
نامگذاری استاندارد
کاهش تکرار کد (DRY)
حذف anti-pattern ها
خوانایی بالای کد
پیادهسازی Lazy Loading:
استفاده از React.lazy برای صفحات سنگین
dynamic import برای بخشهای ثانویه
لینتینگ و فرمتینگ:
فعالسازی ESLint
فعالسازی Prettier
اعمال rules روی کل پروژه
تهیه README جدید
مستند کامل dependency ها
تولید changelog
برقراری ساختار Git استاندارد (GitFlow)
commit message استاندارد
داکیومنت نهایی ساختار پروژه
نسخه ریفکتورشده کامل پروژه
ساختار پوشهبندی استاندارد
کد تمیز و قابل توسعه
README و changelog جدید
تحویل Git منظم
مستند ساختار نهایی پروژه
عنوان شغلی: ریفکتورینگ جامع Front-End (React) و بازآرایی ساختار پروژه متاورس رنگ
تعیین: frontend trainee