کتابخونه React Mantine
Mantine یک کتابخانه React component متنباز هست که مجموعهای از کامپوننتهای آماده (UI components) و hooks رو برای ساخت رابط کاربری مدرن در اختیار توسعهدهندهها قرار میده. در واقع Mantine مثل Material UI (MUI) یا…
Mantine یک کتابخانه React component متنباز هست که مجموعهای از کامپوننتهای آماده (UI components) و hooks رو برای ساخت رابط کاربری مدرن در اختیار توسعهدهندهها قرار میده. در واقع Mantine مثل Material UI (MUI) یا…
آخرین نسخه رسمی در دسترس مربوط به سری Angular 20.2، نسخهی پیشانتشار (Release Candidate) یعنی 20.2.0‑rc.0 بوده که در ۱۱ اوت ۲۰۲۵ منتشر شد. ویژگیهای اضافهشده یا اصلاحشده در Angular 20.2.0-rc.0: درباره ng mcp: دستور…
هم Angular و هم Next.js قابلیت SSR دارن، اما وقتی پای SEO به میون میاد تفاوتهای مهمی وجود داره 1. رندر اولیه و Crawlability برنده: Next.js 2. Performance و Core Web Vitals برنده: Next.js 3.…
MRAH مخفف Modular Rendering & Adaptive Hydration هست.این یک روش معماریه که برای بهینهسازی SSR (Server Side Rendering) و Hydration توی ریاکت استفاده میشه. دو بخش اصلی داره: بخش اول: Modular Rendering ایده اینه که…
Regex یا Regular Expression (عبارت منظم) یک زبان یا الگو برای جستجو، اعتبارسنجی و پردازش متنهاست.با regex میتوانی بگویی: «این رشته باید دقیقاً این شکل را داشته باشد» یا «همه قسمتهایی از متن را پیدا…
RxJS مخفف Reactive Extensions for JavaScript هست و یک کتابخونه (library) برای کار با دادههای asynchronous و event-based به صورت Reactive Programming هست. به زبان ساده: در چه فریمورکهایی میشه استفاده کرد؟ یک مثال ساده…
در اینجا چند تا از بهترین اسلایدرهای جاوااسکریپتی (Image/Content Slider/Carousel) رو معرفی میکنم که هم قدرتمند، هم سبک و هم قابل تنظیم هستن — برای پروژههای ساده تا حرفهای: اگر هنوز زبان javascript یاد نگرفتی…
برای سئو (SEO)، بهترین فریمورک JavaScript بستگی به نوع پروژه داره، ولی به طور کلی فریمورکهایی که قابلیت سرور ساید رندرینگ (SSR) یا استاتیک جنریشن (SSG) دارند، برای سئو بهتر هستند. در ادامه مقایسهای از…
ECMAScript چیست؟ ECMAScript یک استاندارد (specification) است که توسط سازمان ECMA International تعریف شده. این استاندارد تعیین میکند زبان باید چه قابلیتها و رفتارهایی داشته باشد. مثال:نسخههای ECMAScript مثل ES5، ES6 (یا ES2015)، ES7 و…
کتابخانهی three.js یکی از محبوبترین ابزارها برای ساخت گرافیک سهبعدی در مرورگر با استفاده از JavaScript و WebGL هست. باهاش میتونی مدلهای سهبعدی، انیمیشن، جلوههای ویژه، و صحنههای تعاملی درست کنی، اونم مستقیم تو مرورگر،…
وقتی درباره میکروسرویس صحبت میکنیم، ذهنمون میره سمت بکاند. ولی در فرانتاند هم چیزی داریم به نام Micro Frontends (میکرو فرانتاند). Micro Frontends یه معماریه که میگه: «همونطور که توی بکاند، اپلیکیشن بزرگ رو به…
مفهوم Hydration در پروژههای Angular Hydration در Angular به فرآیندی اشاره دارد که در آن یک برنامه که روی سرور یا Static Site Generator (SSG) رندر شده، هنگام بارگیری در مرورگر، توسط JavaScript فعال میشود…
Nx یک ابزار مدیریت Monorepo است که توسط Nrwl توسعه داده شده و به شما امکان میدهد چندین پروژه را در یک مخزن (repository) واحد مدیریت کنید. Nx Smart Monorepos به معنای استفاده از قابلیتهای…
Vite یک ابزار ساخت (build tool) و سرور توسعه (dev server) فوق سریع برای پروژههای فرانتاند است که به طور خاص برای فریمورکهایی مثل Vue.js، React، Svelte، Angular و Vanilla JS طراحی شده است. این…
Astro Framework چیه؟ Astro یک فریمورک مدرن برای ساخت وبسایتهای استاتیک و سریع است که بهطور خاص برای محتوا محور بودن (Content-Driven Websites) طراحی شده است. این فریمورک به شما کمک میکند تا سایتهایی با…
خلاصه Angular 19 نسبت به Angular 18 بهبودهای قابل توجهی را معرفی میکند که تجربه توسعهدهندگان، عملکرد و مقیاسپذیری برنامهها را ارتقا میبخشد. چکیده انتقال از Angular 18 به Angular 19 یک پیشرفت چشمگیر در…
قبل از شروع یادگیری React.js، بهتر است که چندین مفهوم و تکنولوژی را به خوبی درک کرده باشید تا بتوانید راحتتر و کارآمدتر با React کار کنید. در اینجا مهمترین مواردی که باید قبل از…
آینده توسعه فرانتاند هیجانانگیز و در حال تکامل است که با فناوریها، ابزارها و روشهای جدید شکل میگیرد. در ادامه به برخی از مهمترین روندها و حوزههایی که باید در نظر گرفته شوند، اشاره میکنیم:…
تابع reportWebVitals() در پروژههای React یک ابزار برای اندازهگیری عملکرد برنامه است که از Web Vitals، مجموعهای از معیارهای عملکرد کاربرمحور که توسط گوگل تعریف شدهاند، استفاده میکند. این معیارها به شما کمک میکنند تا…
چرخه عمر در Angular مجموعهای از Hookهایی است که به توسعهدهندگان این امکان را میدهد تا به مراحل مختلف زندگی یک کامپوننت یا دایرکتیو دسترسی داشته باشند. این مراحل تضمین میکنند که فرآیندهایی مانند مقداردهی…