چیزهای جدید در Angular 19: اجزای مستقل، سیگنال‌ها و موارد دیگر!

Summarize this content to 400 words in Persian Lang

چه چیزی در Angular 19 جدید است؟

Angular به تکامل سریع خود ادامه می دهد (با نسخه های اصلی جدید هر ~ 6 ماه). اکنون در نوامبر 2024، Angular 19 با ویژگی‌های قدرتمندی که تجربه توسعه‌دهنده و عملکرد برنامه‌ها را افزایش می‌دهد، از راه می‌رسد. از هیدراتاسیون بهبود یافته تا سیگنال های تقویت شده. بیایید به نکات برجسته رویداد راه اندازی Angular 19 بپردازیم.

1. اجزای مستقل اکنون پیش فرض هستند

اولین باری که ما Component مستقل را در Angular 14 ملاقات کردیم و از آن زمان با هر نسخه بهبود یافته است. با Angular 19، همه اجزا، دستورالعمل ها و لوله ها اکنون به طور پیش فرض مستقل هستند و نیاز به تنظیم صریح را از بین می برند. standalone: true.علاوه بر این، به روز رسانی ها بدون درز هستند ng update دستور به طور خودکار پایگاه های کد موجود را تغییر می دهد و انتقالی صاف و بدون دردسر را تضمین می کند.

2. سیگنال ها: افزایش واکنش پذیری

در Angular 16، ما اولین ملاقات خود را با Angular Signals داشتیم، و این یک عشق در نگاه اول بود، و آنها به تغییر شکل سیستم واکنش پذیری Angular ادامه دادند. با Angular 19، چندین API مبتنی بر سیگنال به وضعیت پایدار ارتقا یافته اند، از جمله input()، output()، model()، viewChild()، viewChildren()، contentChild، contentChildren()، takeUntilDestroyed()، outputFromObservable()، و outputToObservable().علاوه بر این، جرمی البورن دو Signal API تجربی جدید را معرفی کرد:

الف. سیگنال پیوندی

حالت محلی متصل به یک عبارت محاسبه شده را فعال می کند.
مقدار اولیه را ارائه می دهد.
هنگامی که عبارت تغییر می کند، به طور خودکار به مقدار محاسبه شده باز می گردد.

B. Resource API

مدیریت مقادیر ناهمزمان مانند داده های سرور را ساده می کند.
یکپارچه با سیستم واکنش پذیری Angular ادغام می شود.
نتایج درخواست و وضعیت را به عنوان سیگنال ارائه می دهد.

برای اینکه انتقال بدون زحمت انجام شود، دستوراتی مانند ng g @angular/core:signal-input-migration، ng g @angular/core:signal-queries-migration، و ng g @angular/core:output-migration به راحتی بازآفرینی کد را خودکار کنید. سیگنال‌های زاویه‌ای واقعاً شبیه یک مسابقه ساخته شده در بهشت ​​توسعه‌دهندگان هستند.

3. متریال زاویه ای: قالب ساده تر و اجزای جدید

Angular Material با هر نسخه به تکامل خود ادامه می‌دهد و Angular 19 نیز از این قاعده مستثنی نیست، این به‌روزرسانی پیشرفت‌هایی را در دو حوزه کلیدی معرفی می‌کند:

New Theme API

تم های سفارشی را با خطوط کد کمتری با استفاده از mat.theme API.
پالت های رنگی سفارشی را با یک ابزار شماتیک جدید ایجاد کنید، که اکنون از یک پالت 12 رنگ توسعه یافته پشتیبانی می کند.

اجزا و ویژگی های جدید

کشیدن و رها کردن دوبعدی: اکنون از مرتب سازی مجدد افقی برای انعطاف پذیری بیشتر پشتیبانی می کند.

مؤلفه انتخابگر زمان: یک افزودنی که مدتها منتظرش بودیم.

مستندات موضوعی بهبود یافته: راهنماهای مبتدی پسند و دستورالعمل های دقیق اجزای خاص.

4. هیدراتاسیون افزایشی: یک ویژگی عملکرد تغییر دهنده بازی

Hydration یکی از بهترین ویژگی های Angular است که در چند نسخه گذشته با نوآوری هایی مانند تکامل یافته است آبرسانی کامل با کاربرد، به تعویق انداختن دیدگاه ها، و پخش مجدد رویداد. جسیکا جانیوک بر اساس این پایه، یکی از هیجان انگیزترین موارد اضافه شده را در Angular 19 معرفی کرد. هیدراتاسیون افزایشی، اکنون در پیش نمایش برنامه نویس موجود است.

چگونه کار می کند

سرور محتوای واقعی را به جای متغیرهایی ارائه می دهد.

در کلاینت، محتوا تا زمانی که راه‌اندازی نشود، کم آب می‌ماند (مثلاً از طریق تعامل یا ورود به نمای نمایش).

مزایا

زمان بارگذاری اولیه سریعتر
بسته های کوچکتر جاوا اسکریپت.
کاهش تغییرات طرح‌بندی و سوسو زدن برای تجربه کاربری روان‌تر.

نتیجه گیری

فعلا همین! از شما سپاسگزارم که برای خواندن مقاله من وقت گذاشتید و دوست دارم نظرات و نظرات شما را بشنوم. همانطور که من به بهبود نوشتن خود ادامه می دهم، بینش شما ارزشمند است.

می توانید با من در ارتباط باشید: