دعم بيانات التعريف الخاصة بالمستندات
تعرف على كيفية تمكين React 19 لنا من إدارة بيانات تعريف المستندات بشكل معلن مباشرة في شجرة المكونات الخاصة بنا، دون الحاجة إلى مكتبات خارجية.
سنغطي ما يلي...
في تطبيقات الويب التقليدية، توجد البيانات الوصفية مثل عنوان الصفحة والوصف وعلامات Open Graph في HTML<head> في تطبيقات React ذات الصفحة الواحدة (SPAs)، يجب أن تكون هذه القيم ديناميكية أثناء تنقل المستخدم بين وجهات نظر مختلفة.
قبل React 19، كان تحديث البيانات الوصفية في React يعني استخدامdocument.title أو الاعتماد على مكتبات الطرف الثالث مثلreact-helmet أضافت هذه الأساليب قوالب جاهزة ونقلت التأثيرات الجانبية بعيدًا عن JSX حيث تُعرّف واجهة المستخدم. يُقدّم React 19 نقلة نوعية: يُمكننا الآن إعلان علامات البيانات الوصفية، مثل <title> ،<meta> ، و<link> —مباشرة في JSX.
تحديثات البيانات الوصفية اليدوية
قبل React 19، كانت الطريقة الأكثر شيوعًا لتغيير البيانات الوصفية هي التلاعب بالمستند الموجود بداخلهuseEffect .