شرح صفوف ومحتوى الفقرة
ينطلق كل تطبيق صفحة واحدة في React من عنصر حاوية فارغ وحيد داخل ملف index.html يُكتب قياسياً بصيغة <div id="root"></div>. وبمجرد أن تتركب React على هذه الحاوية تصبح المسؤولة الوحيدة عن إدارة كافة العناصر بداخلها، لذا يجب تجنب التعديل اليدوي لعناصرها بسكريبتات خارجية.
HTML
import { createRoot } from 'react-dom/client';
function App() {
return <h1>Mounted Inside #root Container</h1>;
}
const container = document.getElementById('root');
const root = createRoot(container);
root.render(<App />);