6: بناء ال component الأول في React

6: بناء ال component الأول في React
========================
لا تتردد في كتابة الاستفسارات حول هذا المقطع في جروب مجتمع ترميز في التيليجرام أو في خانة التعليقات.
🟡 رابط السلسلة كاملة:
www.udemy.com/...
🟢 كامل أكواد السلسلة تجدها هنا:
github.com/Yar...
🔵 للانضمام لمجتمع React في تيليجرام:
t.me/tarmeezReact
🔵 للانضمام لمجتمع ترميز في التيليجرام:
t.me/tarmeezCo...
==========================
و للاستفسارات البرمجية الأخرى، يمكنك سؤالي في حسابي بتويتر:
/ yarhmm

[@HolyQuranLover]

رحم الله والديك، شرحك ما شاء الله عليه مفصل وجميل في توصيل المعلومة 🤍

[@memo12117]

سبحان الله
اشكرك صديقي على المحتوى الرائع
انا ان شاء الله محترف ببايثون و استخدم طريقة الoop لبناء الكود الخاص فيي
لذلك احتجت لعمل تطبيق ويب اب كواجهة استخدام لكود معين
و كل ماكان يخطر عبالي كيف اقوم بهيدا الامر بالطريقة الله معتاد عليها ببايثون
لذلك اثناء استماعي لشرحك و انا ابتسم ان طريقة عمل هيدي المكتبة هي تماما ما ابحث عنه الى حد كبير لتسهيل بناء الآب الخاص بي

[@احمدابوشهاب-ف9ي]

طريقة الشرح والتوضيح ارفع لك القبعة عليها بارك الله فيك وجزاك الله خيرا

[@youssefragheb7645]

شغل محترم و شرح هايل جزاك الله خير

[@ooss748]

شرح محترم و مرتب

[@Sami-b4d]

انا حاليا استعمل رياكت عن طريق cdn (بعد عداب طوييل👀)لاني مستعمل هاتف فقط اتمنى الا اواجه مشاكل مستقبليا

[@fetrahbtsarmy5828]

بص هو ممكن تستعمل termux و تنزل عليه linux كبديل مؤقت

[@H_school_mathematics]

جميل جدا.
شكرا جزيلا.

[@yazidsefsaf]

thank you so much baaraka allah fik

[@maheral_saleh3643]

بوركت جهودك وجزاك الله خيراً

[@Tarnished437]

جزاك الله خيرا على الشرح الواضح🙏🙏

[@-al-quran5700]

شكرا بارك الله فيك وحزاك الله خير بس بسألك هل اذا كنت متمكن من الجافا سكريبت رح استفيد من الرياكت ؟

[@XOXOLOLO10]

Thank you

[@saharghoniem1348]

thanks

[@najatomar-kc6eg]

بوركت

[@MahmoudAfifi-ws1vr]

ان شاء الله اول ما اشتغل هشترى الكورس كله

[@AliAlaker-gu8fj]

ملف src غير موجود بعد تثبيت العمل

[@imanesghiouar6480]

Conclusion:
App.js called also Root component, but why?
In web development the primary files start always by index, like index.js and index.html
And since, public folder is accessible by the client, index.js will be loaded to the client and will call index.js, which will create a Root Component App.js
==> The name of the component should start by a Capital letter in React, and the name of the file should be the same as the component.
==> in index.html,
===> in index.js ;
import libraries from node_modules, like React, and ReactDom from 'react' and 'react-dom/client'
const root = ReactDom.createRoot(getElementbyId('root');
root.render();
To inject the Root component into the HTML file
P.S: React component return only one element, so if you want to return more than one element, wrap it in one element
Don't forget to export and import any reusable component in React

[@yassineDigital1]

how to handl this
error : is defined but never used

[@blooming8425]

make sure that the first letter in your component is in Captial letter .

[@yassineDigital1]

@@blooming8425 thanks