ما معنى كلمة render المستخدة فى ريأكت و ريأكت ناتيف ؟

تعتبر الدالة render من ال life-cycle في react وتعتبر من ال life-cycle المهمة ويتم استدعائها من خلال react عند عمل إنشاء المكون وأثناء التحديثات بدون تدخل منك

والوظيفة الأساسية لهذه الدالة هو تقديم كود ال JSX  إلى ال DOM ولكن بعد القيام بعدة عمليات معالجة للكود

حيث أن كود ال JSX لا يتم تقديمه كما هو لل DOM إنما يتم تحويله لكود مشابه للتالي

React.createElement(tag, props, children)

حتى يتم تقديمه لل DOM

الكلمة render تعني تصيير
وهو أمر ليس مسؤول عن عملية العرض بل مسؤول عن تحويل حالة المكون الحالية مع كافة المعاملات الممررة للمكون إلى شكل عرض ما

• في React إلى عناصر HTML
• في React Native إلى تعبير عن شكل الواجهة في تطبيق الهاتف

المسؤول المباشر عن عملية العرض هو التابع ReactDOM.render حيث يمرر له المكون الجذر ثم المكان المراد وضع ناتج التصيير داخله

ReactDOM.render(<h1>أهلًا بالعالم</h1>, document.getElementById('root'));