مارس است گرم آمدن با تعدادی ویژگی ضروری که از زمان عرضه 1.0 به SvelteKit اضافه شده است. برای جزئیات بیشتر به پست وبلاگ هفته گذشته مراجعه کنید.
Svelte Society همچنین SvelteHack را ماه گذشته با بیش از 12000 دلار جوایز راه اندازی کرد – از همه توسعه دهندگان Svelte، جدید و قدیمی، خواست تا قبل از مهلت 17 آوریل چیزی عالی بسازند!
و اگر هنوز نشنیده اید، یک Svelte Summit دیگر وجود خواهد داشت! به SvelteSummit.com بروید و در خبرنامه مشترک شوید تا از رویدادهای بعدی مطلع شوید 📬
حالا بریم سراغ تغییرات این ماه…
چیزهای جدید در SvelteKit
$app/pathsاکنون می توان بدون برنامه استفاده کرد – که مواردی مانند آزمایش مؤلفه ها با Vitest، استفاده از Storybook و غیره را آسان تر می کند. (1.4.0، #8838)- اکنون می توان آداپتورها را در سطح مسیر پیکربندی کرد (1.5.0، اسناد، #8740)
- مکانیسم جدید عکس فوری وضعیت موقت DOM را حتی پس از پیمایش و بارگذاری مجدد صفحه حفظ می کند (1.5.0, اسناد, #8710)
OPTIONSدر حال حاضر در روش سرور موجود هستند (1.6.0، اسناد، #8731)- پیام های خطای غنی تر برای صادرات نامعتبر اضافه شد (1.7.0، #9055)
- وعده‌های جریان اکنون برای عملکردهای بارگذار سرور در دسترس هستند (1.8.0، اسناد، #8901)
- گزینه پیکربندی جدید،
preloadStrategy، به تنظیم پیش بارگیری برای جلوگیری از “آبشار” هنگام وارد کردن در مرورگرهای خاص کمک می کند (1.8.4، اسناد، #9179) - جدید
paths.relativeگزینه می تواند تفسیر را کنترل کندpaths.assetsوpaths.base(1.9.0، اسناد، #9220)
- REPL از
svelte.devاکنون پشتیبانی می کندexportsمیدان درpackage.json(#445) - ویژگی جدید سلسله مراتب فراخوانی به شما امکان می دهد ببینید کجا یک تابع یا کلاس فراخوانی می شود و پشته تماس را دنبال کنید (پسوند-107.1.0، #1889)
declarationMapپشتیبانی را به افزونه Svelte اضافه کرد. اکنون “به تعریف” بروید.svelteهنگامی که کتابخانه دارای نقشه های اعلامیه باشد، فایل ها به کد منبع هدایت می شوند (پسوند-107.1.0، #1878)- پشتیبانی TypeScript Inlay Hints اکنون از طریق افزونه Svelte در دسترس است. آنها را با
javascript.inlayHints.*یاtypescript.inlayHints.*(پسوند-107.1.0، #1855)
*برای همه تغییرات در کامپایلر Svelte، از جمله تغییرات منتشر نشده، به CHANGELOG مراجعه کنید.
- win32.run یک نسخه درون مرورگر ویندوز XP است – با سیستم فایل، برنامه‌ها، انتخاب فایل به سبک XP و دیالوگ‌های ذخیره، برنامه‌های شخص ثالث و موارد دیگر.
- Radial Menu Svelte آزمایشی با منوی شعاعی است – بر اساس منوی شعاعی Rauno
- جستجوی رنگی apod به شما امکان می دهد عکس های تصویر نجومی روز (APO) را بر اساس رنگ جستجو کنید
- SvHighlight یک کد برجسته برای SvelteKit و TailwindCSS با بلوک های تاری و فوکوس است.
- Limey به شما امکان می دهد در عرض چند دقیقه وب سایت های یک صفحه ای زیبا ایجاد کنید
- a/link ها پسوندی برای نشانک های کوتاه و قابل ترکیب است
- Sprint Cards یک تولید کننده چالش طراحی است
- گاوآهن ابزاری برای کاهش نویز در تصمیم گیری است
- ArcOS-Frontend یک صفحه بازطراحی شده از سیستم عامل Arc در Svelte است
- Poxi وب ایجاد شده توسط کاربر را با یک ویرایشگر وب سایت با کشیدن و رها کردن که به راحتی می توان در آن همکاری کرد، قدرت می بخشد.
- demo-threlte-scroller-rocinante اثبات مفهومی است که سازگاری ناب را با Threlte ترکیب می کند
- Phonics + Stuff مجموعه ای از منابع برای یادگیری و آموزش فونیک است
با حضور همکاران و سفرای عالی
برای تماشا یا شنیدن
برای خواندن
کیت ها و اجزای رابط کاربری
- پینک یک سیستم طراحی چارچوب-آگنوستیک از Appwrite است
- سریع انتخاب یک ابزار جستجوی ساده است که در آن کاتالوگ جستجو را کنترل می کنید
- Grail UI مجموعه‌ای از اجزای اولیه، اقدامات و ابزارهای کمکی را ارائه می‌کند که به شما کمک می‌کند برنامه‌های Svelte قابل دسترسی و با کیفیت بالا را سریع‌تر بسازید و در عین حال تجربه توسعه‌دهنده‌ای عالی را ارائه دهید.
- svelte-image-comparison یک جزء Svelte برای مقایسه عناصر تصویر یا بوم است.
- simple-font-select یک مؤلفه انتخاب فونت ساده است که تمام فونت های محلی را به عنوان خانواده فونت CSS نشان می دهد.
- svelte-datatables-net یک جزء Svelte است که داده ها را به یک جدول HTML تعاملی تبدیل می کند.
- svelte-flexable مجموعه ای از ابزارها برای ایجاد اجزای سرور برای مدیریت جداول داده با Svelte است.
- svelte-algolia-instantsearch یک بسته بندی توسعه یافته توسط جامعه در اطراف instantsearch.js برای Svelte است
- svelte-deep-zoom یک جزء Svelte برای ارائه تصاویر تعاملی Deep Zoom (اهرام کاشی‌شده) است.
- SVoast یک جزء نان تست ساده برای Svelte است
- svelte-otp یک جزء ورودی OTP سبک وزن برای svelte است
- trace-svelte یک برجسته کننده خط به خط برای Svelte است
- Svelte Auth UI مجموعه ای از اجزای احراز هویت برای Svelte است
- KitDocs یک ادغام اسناد برای SvelteKit است – یک جایگزین VitePress برای Svelte
- svelte-signature-pad یک اقدام Svelte برای ثبت امضاهای هموار به عنوان مسیرهای SVG با استفاده از کتابخانه عالی و بی نقص است.
یاوران، مغازه ها و اقدامات
- SvelteKit-Document یک ابزار کوچک برای SvelteKit است که به شما امکان می دهد تغییر دهید
،، وبرچسب ها از هر صفحه یا طرح بندی – با پشتیبانی کامل از SSR - SvelteKit Form Data یک میان افزار تجزیه و تحلیل خودکار داده برای فرم های SvelteKit است
- sveltekit-superforms فرم های SvelteKit شما را با مجموعه ای از ویژگی های کیفیت زندگی بارگذاری می کند. ادعا می کند که “نیروگاه کتابخانه” است
- Houdini – کلاینت “ناپدید شدن” GraphQL برای SvelteKit – اکنون 1.0 است
- sveltekit-modal-langchain یک پروژه نمونه SvelteKit با استفاده از sveltekit-modal است که نشان می دهد نوشتن نقاط پایانی پایتون در SvelteKit چقدر آسان است.
- mdsvex-excerpt به شما امکان می دهد فقط بخشی از سند را در طرح بندی های خاصی نمایش دهید
- Svelte Action Balancer یک اکشن Svelte ساده است که عناوین را خواناتر می کند
- svelte-object به ایجاد و نگهداری اشیا با استفاده از کامپوننت ها کمک می کند. ارزش ها فروشگاه هستند و بنابراین می توان به طور مستقیم در آنها مشترک شد و به روز شد
- svelte-relative-time یک اکشن Svelte و جزء کوچک برای رندر کردن زمان های نسبی است
- svelte-disable-preload یک اقدام ساده برای اعمال شنونده های رویداد غیرعملیاتی به عنصری است که از فراخوانی کنترل کننده رویداد در سطح سند SvelteKit جلوگیری می کند.
- نقشه سایت استاتیک SvelteKit یک sitemap.xml برای صفحه شما در حین ساخت ایجاد می کند
- svelte-intersection-observer-action یک اقدام Svelte برای اعلان موقعیت عناصر با استفاده از IntersectionObserver است.
- svelte-sequence مخازن سفارشی برای نوشتن دنباله های حرکتی بین چند مرحله فراهم می کند.
- @svelte-put/inline-svg یک اقدام Svelte برای SVGهای پویا درون خطی است (از وب بیرون کشیده شده است)
سایر ابزارهای جالب
- sveltekit-modal به شما امکان می دهد با استفاده از Modal، نقاط پایانی پایتون را در SvelteKit بنویسید
- svelte-kit-bot-block یک قلاب سرور برای رسیدگی به درخواست های هرزنامه با SvelteKit است.
- Svelte Email به شما امکان می دهد قالب های ایمیل را با Svelte بنویسید و طراحی کنید و آنها را در HTML یا متن ساده رندر کنید.
- Inertia.js به شما امکان می دهد با استفاده از مسیریابی کلاسیک و کنترلرهای سمت سرور، به سرعت برنامه های مدرن تک صفحه ای React، Vue و Svelte بسازید.
- svelte-adapter-bun یک آداپتور برنامه SvelteKit است که یک سرور Bun مستقل تولید می کند.
- React in Svelte کتابخانه ای است که به شما امکان می دهد از اجزای React در Svelte استفاده کنید
- SvelteKit Redis Session Manager یک ادغام Redis در SvelteKit برای مدیریت جلسه است
با تشکر برای خواندن! فراموش نکنید که دست خود را در Svelte Hackathon امتحان کنید!
اگر چیزی را در Reddit یا Discord از دست دادیم، به راحتی به ما اطلاع دهید
