2026-08-08mcpai
Codebase Memory MCP چیست؟ حافظه ساختاری برای Coding Agentها
راهنمای Codebase Memory MCP برای ساخت Knowledge Graph از پروژه و کمک به Coding Agentها در فهم سریعتر کدبیسهای بزرگ فرانتاند.
mcpaicodebasefrontendtypescript
ادامه مطلببلاگ
بلاگدر اینجا نوشتهها و تجربههایی را میگذارم که در مسیر یادگیری و پروژههای مختلف به دست آوردهام؛ جایی برای ثبت رشد و مسیر حرفهایام.
2026-02-18cssbem
متدولوژی BEM در CSS: نامگذاری استاندارد برای کدهای تمیز
راهنمای عملی BEM برای جلوگیری از تداخل استایل، ساختاردهی کلاسها و نگهداری سادهتر CSS.
cssbemnamingfrontendarchitecture
ادامه مطلب
2026-02-11reactstate
بررسی نحوه بهروزرسانی state در React
setState بلافاصله state را عوض نمیکند؛ همین باعث میشود console.log مقدار قبلی را لاگ کند. این راهنما توضیح میدهد چرا و چطور مقدار جدید را درست دریافت کنیم.
reactstatesetStatehooksuseEffect
ادامه مطلب
2026-02-04reactuseEffect
تابع Cleanup در useEffect: از باگهای پنهان تا الگوهای درست
راهنمای عملی نوشتن cleanup در useEffect تا از memory leak، لیسنرهای تکراری و setState روی کامپوننت unmounted جلوگیری کنید.
reactuseEffectcleanuphooks
ادامه مطلب
2026-01-17frontendinterview
مسیر مصاحبه فرانتاند: مراحل، انتظارها و آمادهسازی
مصاحبه فرانتاند فقط چند سؤال دربارهٔ HTML و JavaScript نیست؛ مسیری است برای سنجش فهم وب، حل مسئله و توان همکاری. این راهنما مراحل رایج و انتظارات هر بخش را خلاصه میکند.
frontendinterviewjavascripthtmlcss
ادامه مطلب
2026-01-10javascriptfundamentals
چرا JavaScript مهمتر از هر فریمورکی است
بدون درک عمیق JavaScript، فریمورکها فقط پوستهای زیبا هستند. این مقاله توضیح میدهد چرا تسلط بر هسته زبان شرط رشد بلندمدت شماست.
javascriptfundamentalsfrontendframeworks
ادامه مطلب
2026-01-03frontendroadmap
نقشه راه واقعی فرانتاند: از صفر تا حرفهای
مسیر مرحلهبهمرحلهای که بر اساس تجربه پروژههای واقعی نوشته شده؛ از فهم وب تا ورود به بازار کار و رشد مداوم.
frontendroadmaphtmlcssjavascript
ادامه مطلب
2025-12-27refresh-tokenjwt
رفرشتوکن چیست و چگونه در فرانتاند پیادهسازی میشود؟
یک راهنمای جامع دربارهٔ رفرشتوکن در سیستمهای احراز هویت مبتنی بر JWT؛ چرا رفرشتوکن ضروری است، چگونه باید آن را مدیریت و ذخیره کرد، و بهترین معماری برای پیادهسازی آن در فرانتان
refresh-tokenjwtauthentication
ادامه مطلب
2025-12-20reactjsrbac
RBAC استاتیک در React: نقشها و دسترسیها
الگوی سبک RBAC برای حفاظت از روتها و UI در React با نقشها و دسترسیهای استاتیک.
reactjsrbacaccess-controlpermissions
ادامه مطلب
2025-12-13typescriptrecord
تسلط بر Record در تایپاسکریپت
یک راه تمیز برای مپکردن enum و union به لیبل، آیکن و رنگ با Record در تایپاسکریپت.
typescriptrecordenumstype-safety
ادامه مطلب
2025-12-12gitconventional-commits
Conventional Commits: پیامهای بهتر برای Git
راهنمای سریع Conventional Commits برای داشتن تاریخچهٔ خوانا، اتوماسیون انتشار و چنجلاگهای دقیق.
gitconventional-commitschangelogautomation
ادامه مطلب
2025-12-08gitworkflow
تسلط به Git Flow
یک راهنمای خلاصه و خودمانی برای شاخهبندی و مرج تمیز با Git Flow.
gitworkflowbranching
ادامه مطلب
2025-12-03securityjwt
امنیت توکنها در فرانتاند: بهترین روشهای ذخیرهسازی و مدیریت
یک راهنمای جامع و کاربردی برای امنیت توکنها در فرانتاند.
securityjwtweb-architectureauthentication
ادامه مطلب
2025-10-29reactjsarchitecture
معماری Feature-Based در React
یک ساختار پوشهای مقیاسپذیر و آماده پروداکشن برای اپلیکیشنهای بزرگ React با معماری Feature-Based.
reactjsarchitecturescalable-design
ادامه مطلب