رفتن به محتوای اصلی
جلسه هجدهم: معرفی و آشنایی با Svelte

جلسه هجدهم:معرفی و آشنایی با Svelte

مجتبی افراز

مجتبی افراز

۷ اردیبهشت ۱۴۰۱

لینکدین

در هجدهمین جلسه فرانت چپتر، مجتبی افراز به معرفی و آشنایی با Svelte، یکی از فریم‌ورک‌های مدرن فرانت‌اند، پرداخت. Svelte با رویکرد منحصربه‌فرد خود در کامپایل کد به جای ارسال زمان اجرا به مرورگر، تجربه متفاوتی را در اختیار توسعه‌دهندگان قرار می‌دهد.

سرفصل‌های ارائه شده

  • معرفی Svelte: مرور کلی بر فریم‌ورک Svelte و تفاوت‌های آن با سایر فریم‌ورک‌ها
  • رویکرد کامپایلری: آشنایی با فلسفه کامپایل به جای معمول interpreter
  • Reactivity در Svelte: بررسی سیستم واکنش‌گرایی اختصاصی فریم‌ورک
  • Reactive Statements: استفاده از عبارات reactive
  • Store: مدیریت state با Svelte Store
  • Context: اشتراک‌گذاری داده با Context API
  • مفاهیم پایه:
  • Props و Slots: ارسال داده و محتوا به کامپوننت‌ها
  • Templates: قالب‌های Svelte
  • Event Handling: مدیریت رویدادها
  • ویژگی‌های پیشرفته:
  • Tick: هماهنگی با چرخه به‌روزرسانی
  • Motion: انیمیشن‌های داخلی
  • Animation: کتابخانه داخلی انیمیشن
  • Transition: افکت‌های ورود و خروج

Svelte به ما نشان داد که فریم‌ورک‌های فرانت‌اند می‌توانند فراتر از shadow DOM و virtual DOM عمل کنند

!فرانت چپتر

در این جلسه مباحث به صورت عملی همراه با مثال‌های کدنویسی ارائه شد و شرکت‌کنندگان با نحوه کار با Svelte و مفاهیم کلیدی آن آشنا شدند.

ضبط صوتی این جلسه در چند بخش در دسترس است: 🎧 بخش 1 - جلسه هجدهم 🎧 بخش 2 - جلسه هجدهم

🥕 هویجی شو 🥕

اینجا جاییه که توسعه‌دهنده‌ها کنار هم یاد می‌گیرن، ایده می‌سازن و دوستی‌های ماندگار شکل می‌گیره. فرانت‌چپتر فقط یک کامیونیتی نیست؛ فرصتیه برای رشد، شبکه‌سازی، و تجربه‌های واقعی که آینده‌ی حرفه‌ای‌ت رو تغییر می‌ده.

همین حالا بپیوندید