برنامه نویس Front-End (React)

معرفی موقعیت شغلی:
ما در مهدیران نیاز به یک برنامه‌نویس فرانت‌اند با تجربه و مسئولیت‌پذیر داریم تا در توسعه، نگهداری و بهبود رابط‌های کاربری پلتفرم مورد نیاز مهدیران با ما همکاری کند.
فرانت‌اند ما یک Monorepo مبتنی بر React و TypeScript است.
در این موقعیت، علاوه بر پیاده‌سازی امکانات جدید، در طراحی ساختار فرانت‌اند، توسعه کامپوننت‌های قابل استفاده مجدد، یکپارچه‌سازی با API و تصمیم‌های فنی مشارکت خواهید داشت. به دنبال فردی هستیم که در کنار ظاهر و تجربه کاربری، به کیفیت کد، کارایی، امنیت و نگهداری بلندمدت نرم‌افزار اهمیت بدهد.

شرح شغل و وظایف:

• توسعه و نگهداری برنامه‌های فرانت‌اند با React، TypeScript و ابزارهای روز این اکوسیستم
• توسعه داشبورد مدیریت شامل فرم‌ها، جدول‌های پیشرفته، عملیات CRUD و فرایندهای مدیریت کاربران، کاتالوگ و رسانه‌ها
• مشارکت در توسعه فروشگاه اینترنتی با توجه به نیازهای SSR و SEO
• ساخت و بهبود کامپوننت‌های قابل استفاده مجدد، Design System و الگوهای مشترک رابط کاربری
• مدیریت مسیرها، داده‌های سرور، Cache سمت Client و وضعیت بارگذاری و خطا در صفحات
• طراحی فرم‌های پیچیده همراه با اعتبارسنجی، نمایش خطاهای سرور و تجربه مناسب ثبت و ویرایش اطلاعات
• مدیریت صحیح مجوزهای کاربری، نشست‌ها، خطاهای احراز هویت و تعارض ویرایش هم‌زمان داده‌ها در رابط کاربری
• شناسایی و رفع مشکلات عملکردی، رندر، درخواست‌های شبکه و رفتار برنامه در مرورگر
• بازبینی کد و همکاری با تیم بک‌اند و سایر اعضای تیم در طراحی و تکمیل قابلیت‌های محصول

شرایط احراز شغل:

• تسلط مناسب بر JavaScript مدرن، TypeScript و React
• درک عمیق از کامپوننت‌ها، Hooks، مدیریت State، چرخه رندر و الگوهای Composition در React
• تسلط بر HTML، CSS، طراحی Responsive و پیاده‌سازی رابط‌های RTL
• تجربه کار با Routing، درخواست‌های غیرهم‌زمان و مدیریت وضعیت داده‌های دریافتی از سرور
• آشنایی با TanStack Router و TanStack Query یا ابزارهای مشابه
• تجربه ساخت فرم‌های کاربردی با اعتبارسنجی؛ آشنایی با Zod و راهکارهای Form Management
• توانایی پیاده‌سازی جدول‌های داده، فیلتر، مرتب‌سازی، صفحه‌بندی و فرایندهای پیچیده CRUD
• درک اصول کدنویسی تمیز، تفکیک مسئولیت‌ها و طراحی کد خوانا و قابل نگهداری

معماری فرانت‌اند و طراحی رابط کاربری:

• درک تفاوت برنامه‌های SPA و SSR و آشنایی با مفاهیم Hydration و Server / Client Boundaries
• توانایی توسعه در ساختار Monorepo با برنامه‌های مستقل و پکیج‌های مشترک
• آشنایی با ساختارهای Feature-Based و طراحی کامپوننت‌ها و ابزارهای قابل استفاده مجدد
• تجربه کار با کتابخانه‌های UI؛ آشنایی با Mantine و Tailwind CSS و الگوهای shadcn/ui یا Base UI
• درک اصول Design Tokens، Variantها و API مناسب برای سفارشی‌سازی استایل کامپوننت‌ها
• توجه به دسترس‌پذیری، کار با کیبورد، حالت‌های تعاملی و یکپارچگی تجربه کاربری

ارتباط با بک‌اند، مدیریت داده و امنیت:

• تسلط بر RESTful APIها و درک قراردادهای Request / Response و کدهای وضعیت HTTP
• توانایی نمایش صحیح خطاهای اعتبارسنجی، دسترسی، بارگذاری و شکست عملیات در رابط کاربری
• درک مفاهیم Authentication، Authorization و مدیریت نشست با Cookie و سازوکارهای CSRF
• آشنایی با Optimistic Concurrency، پاسخ‌های Conflict و جلوگیری از از بین رفتن ناخواسته تغییرات کاربر
• درک اصول Caching، Invalidation و به‌روزرسانی داده پس از عملیات ایجاد، ویرایش و حذف

ابزارها و شیوه‌های توسعه:

• تسلط بر Git و توانایی همکاری در فرایند Code Review
• تجربه کار با Vite و ابزارهای رایج توسعه و عیب‌یابی مرورگر
• آشنایی با مدیریت وابستگی‌ها و Workspaceها با pnpm یا ابزارهای مشابه
• آشنایی با مفاهیم Unit Test، Component Test و Integration Test
• توانایی بررسی مشکلات عملکردی و استفاده از Browser DevTools برای عیب‌یابی

مهارت‌ها و تجربه‌های مزیت‌دار:

• سابقه توسعه فروشگاه اینترنتی، پنل مدیریت یا سامانه‌های دارای فرم و جدول‌های پیچیده
• تجربه عملی با TanStack Start یا فریم‌ورک‌های SSR مانند Next.js
• تجربه با TanStack Table و TanStack Form در محصولات عملیاتی
• تجربه توسعه Design System با Tailwind CSS، shadcn/ui و Base UI
• آشنایی با Turborepo، ساختارهای Monorepo و اشتراک‌گذاری کامپوننت و منطق بین برنامه‌ها
• آشنایی با SEO فنی، Core Web Vitals و بهینه‌سازی عملکرد و Hydration
• آشنایی با فرایندهای CI/CD و اصول امنیت برنامه‌های تحت وب

ویژگی‌های فردی مورد انتظار:

• مسئولیت‌پذیری در قبال کیفیت، جزئیات و تجربه نهایی کاربران
• توانایی تحلیل نیاز کسب‌وکار و تبدیل آن به ساختار فنی و رابط کاربری مناسب
• درک مزایا و محدودیت‌های راهکارهای مختلف و پرهیز از پیچیدگی غیرضروری
• توجه به هماهنگی طراحی، قابلیت استفاده مجدد و نگهداری بلندمدت کد
• توانایی کار مستقل همراه با ارتباط موثر با تیم بک‌اند و سایر توسعه‌دهندگان
• رویکرد نظام‌مند به حل مسئله، عیب‌یابی و یادگیری ابزارها و مفاهیم جدید