Angular 16 مدل واکنش پذیری جدید را پیش نمایش می کند

چارچوب وب مبتنی بر TypeScript بهبودهایی را در واکنش پذیری، رندر سمت سرور، هیدراتاسیون و یک سیستم ساخت مبتنی بر esbuild سریعتر نشان می دهد.

Angular 16، آخرین نسخه از چارچوب توسعه وب مبتنی بر TypeScript محبوب Google، به عنوان یک نسخه تولیدی عرضه شده است و یک مدل واکنش‌پذیری جدید را پیش‌نمایش می‌کند که نویدبخش بهبودهای قابل توجهی در عملکرد و تجربه توسعه‌دهنده است.

منتشر شده در ۳ می از چارچوب. مینکو گچف، از تیم Google Angular، در پست وبلاگ. این مدل یک مدل ذهنی ساده‌تر را برای واکنش‌پذیری ارائه می‌کند، و مشخص می‌کند که وابستگی‌های دید و جریان داده‌ها از طریق برنامه چیست. واکنش ریز دانه امکان بررسی تغییرات فقط در اجزای آسیب دیده را فراهم می کند.

برای پردازش سمت سرور، Angular 16 شامل یک پیش‌نمایش توسعه‌دهنده از هیدراتاسیون غیرمخرب کامل برنامه است که به موجب آن Angular دیگر برنامه را از ابتدا دوباره رندر نمی‌دهد. این فریم ورک در عوض گره‌های DOM موجود را در حین ساخت ساختارهای داده داخلی جستجو می‌کند و شنوندگان رویداد را به این گره‌ها متصل می‌کند. از جمله مزایا می‌توان به عدم سوسو زدن محتوا در صفحه برای کاربران، ادغام آسان با برنامه‌های موجود، و معماری مقاوم در آینده اشاره کرد که بارگیری کدهای دقیق را با برنامه‌های ابتدایی که اواخر سال جاری ارائه می‌شود، ممکن می‌سازد.

به‌عنوان بخشی از نسخه Angular 16، شماتیک‌های ng add برای Angular Universal به‌روزرسانی شده‌اند و توسعه‌دهندگان را قادر می‌سازد تا با استفاده از APIهای مستقل، رندر سمت سرور را به پروژه‌ها اضافه کنند. همچنین پشتیبانی از خط مشی امنیتی محتوا سخت‌گیرانه‌تر برای سبک‌های درون خطی نیز معرفی شد. مراحل بعدی برای هیدراتاسیون و رندر سمت سرور شامل هیدراتاسیون جزئی است که شامل تاخیر در بارگیری جاوا اسکریپت است که برای صفحه ضروری نیست و بعداً اجزای مرتبط را هیدراته می کند.

همچنین در Angular 16:

• سیستم ساخت مبتنی بر esbuild نیز وارد پیش‌نمایش توسعه‌دهنده می‌شود، با آزمایش‌های اولیه بهبود ۷۲ درصدی در ساخت‌های تولید سرد را نشان می‌دهد.
• کتابخانه Angular Signals به توسعه دهندگان اجازه می دهد مقادیر واکنشی را تعریف کرده و وابستگی های بین آنها را بیان کنند.
• توسعه‌دهندگان می‌توانند به‌راحتی سیگنال‌ها را از @angular/core/rxjs-interop، در پیش‌نمایش توسعه‌دهنده به عنوان بخشی از Angular 16، به مشاهده‌پذیر ببرند.
• پروژه‌های جدید را می‌توان از ابتدا به‌صورت مستقل، از طریق پیش‌نمایش شماتیک‌های مستقل توسعه‌دهنده ایجاد کرد.
• پشتیبانی آزمایشی برای چارچوب تست Jest معرفی شده است.
• توسعه‌دهنده‌ها می‌توانند یک ویژگی nonce را برای سبک‌های مؤلفه‌هایی که Angular درون آن قرار می‌دهند، مشخص کنند.
• برچسب‌های خود بسته‌شونده را می‌توان برای بستن برچسب‌های مؤلفه‌ها در قالب‌های Angular استفاده کرد.
• برای روتر، Angular 16 توانایی اتصال پارامترهای مسیر را به ورودی‌های مؤلفه مربوطه اضافه می‌کند تا تجربه توسعه‌دهنده را بهبود بخشد.
• TypeScript 5.0 پشتیبانی می‌شود که توسط تزیین‌کننده‌های ECMAScript برای گسترش برجسته شده است. کلاس های جاوا اسکریپت.

Angular 16 به دنبال نسخه Angular 15 است که به عنوان نسخه تولیدی در نوامبر ۲۰۲۲ معرفی شد. Angular 15 APIهای تثبیت شده برای ساخت برنامه‌ها بدون استفاده از NgModules.