في الأسبوع الماضي ، أصدر فريق Angular اصدار 8 من Angular ، ويسعدنا اليوم أن نعلن أن NativeScript يدعم الآن هذا التحديث الأخير 🎉.
ما هو الجديد مع الاصدار 8 من Angular؟
الاصدار 8 من Angular يجلب الكثير من التغييرات الداخلية ويضع نقطة البداية تطبيق Ivy في المستقبل مما يجعله اصدار بارز في تاريخ Angular. للحصول على قائمة كاملة بجميع التغييرات ، يمكنك معرفة المزيد في مدونة Angular.
Ivy ومستقبل Angular
مع الاصدار 8 من Angular قام فريق التطوير الذي يعمل عليه بإضافة دعم لـ Ivy لشكل غير افتراضي حيث بإمكانك تفعيل دعمة عن طريق العلم enableIvy في angularCompilerOptions لكن اضافة NativeScript الحالية لن تجعلك تستفيد من هذه الخاصة حيث اغلب تلك الاضافات لم تنشر بالتنسيق المناسب (APF) مع ذلك فريق NativeScript يعمل مع فريق Angular لجعل الدعم ممكن, يومًا ما سوف تجد ان Ivy مدعوم بشكل كامل مع اطار NativeScript.
ترقية Angular من 7.x.x إلى 8.0.0 في مشروع NativeScript
لنلقِ نظرة على كيفية تحديث تطبيقات NativeScript-Angular للاستفادة من هذه التحسينات:
لتحديث مشروعك إلى أحدث إصدار 8.0.0 Angular ، عليك ببساطة القيام بالخطوات السهلة التالية:
- قم بتثبيت أحدث إصدار من اضافة nativescript-angular عن طريق الامر
npm i nativescript-angular@latest --save
ثم قم بتشغيل سكربت تحديث الاعتماديات (dependency-updating) لتحديث الاعتماديات المقدمة مع الحزمة بالامر
./node_modules/.bin/update-app-ng-deps.
- قم بتثبيت أحدث اصدار من اضافة nativescript-dev-webpack عن طريق الامر
npm i nativescript-dev-webpack@latest --save-dev
ثم قم بتشغيل سكربت تحديث الاعتماديات (dependency-updating) لتحديث الاعتماديات المقدمة مع الحزمة بالامر
./node_modules/.bin/update-ns-webpack --deps --configs
(لاحظ أن --configs ستقوم بتحديث webpack.config.js ، يوصى بتحديث هذا الاصدار مع كل إصدار جديد من nativescript-dev-webpack ولكن يمكنك إزالته إذا لزم الأمر).
npm i nativescript-dev-webpack@latest --save-dev
ثم قم بتشغيل سكربت تحديث الاعتماديات (dependency-updating) لتحديث الاعتماديات المقدمة مع الحزمة بالامر
./node_modules/.bin/update-ns-webpack --deps --configs
(لاحظ أن --configs ستقوم بتحديث webpack.config.js ، يوصى بتحديث هذا الاصدار مع كل إصدار جديد من nativescript-dev-webpack ولكن يمكنك إزالته إذا لزم الأمر).
- قم بتثبيت أحدث اصدار من اضافة nativescript-dev-typescript عن طريق الامر
npm i nativescript-dev-typescript@latest
لقد شارفت على الانتهاء! الشيء الوحيد المتبقي هو التحقق مما إذا كان مشروعك يحتاج إلى تطبيق أي من التغييرات الموضحة في سجل التغيير. يمكنك العثور على ذلك عن طريق تشغيل مفسر TypeScript لمشروعك باستخدام الامر tsc. إذا كنت محظوظًا ، فلن تظهر لك أي أخطاء وستكون سعيدًا بمعرفة أنك مستعد لبدء استخدام Angular 8.0.0. إذا رأيت أي أخطاء تتعلق بـ @ViewChild ، فاتبع التغييرات في المثال أدناه.
في أي مكان تستخدم فيه دالة @ViewChild بمعطى واحد ، فيجب عليك الآن اضافة معطى اضافي بخاصية static مع تحديد قيمتها إما true أو false
الشفرة السابقة:
لقد شارفت على الانتهاء! الشيء الوحيد المتبقي هو التحقق مما إذا كان مشروعك يحتاج إلى تطبيق أي من التغييرات الموضحة في سجل التغيير. يمكنك العثور على ذلك عن طريق تشغيل مفسر TypeScript لمشروعك باستخدام الامر tsc. إذا كنت محظوظًا ، فلن تظهر لك أي أخطاء وستكون سعيدًا بمعرفة أنك مستعد لبدء استخدام Angular 8.0.0. إذا رأيت أي أخطاء تتعلق بـ @ViewChild ، فاتبع التغييرات في المثال أدناه.
في أي مكان تستخدم فيه دالة @ViewChild بمعطى واحد ، فيجب عليك الآن اضافة معطى اضافي بخاصية static مع تحديد قيمتها إما true أو false
الشفرة السابقة:
import { ElementRef } from "@angular/core";
@ViewChild("myElement") myElement: ElementRef;
الشفرة الحديثة:
import { ElementRef } from "@angular/core";
@ViewChild("myElement", { static: false }) myElement: ElementRef;
مترجم من: NativeScript Now Supports Angular 8
0 التعليقات:
إرسال تعليق