دعم البرامج النصية غير المتزامنة
تعرف على كيفية تحميل البرامج النصية الخارجية ومتغيرات البرامج النصية الأخرى بشكل إعلاني في React 19—مباشرة داخل JSX.
سنغطي ما يلي...
غالبًا ما تتضمن تطبيقات الويب الحديثة JavaScript خارجية للتحليلات، والأدوات، وأدوات الدردشة، والمكتبات الخارجية. إذا تم تحميلها بشكل غير صحيح، فقد تعيق هذه النصوص عملية العرض وتبطئ أداء الصفحة. لهذا السبب، تدعم المتصفحات سمات مثل نصوص التحميل async
defer
دون منع تحميل الصفحة.
قبل React 19، لم يكن بإمكان المطورين تضمين علامات مباشرةً في JSX كما في HTML العادي. كان علينا استخدام
useEffect
أو تعديل DOM يدويًا، مما يُخالف نموذج React التصريحي. يتيح لك React 19 تضمين علامات تصريحيًا في JSX، مع دعم سمات مثل
async
و defer
وغيرها.
حقن البرنامج النصي يدويًا
قبل React 19، لتضمين نص برمجي مثل Google Analytics أو عنصر واجهة مستخدم تابع لجهة خارجية، كان يتعين علينا القيام بذلك داخل useEffect
: