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