شرح ReactJS 18 - Context

Publicado el: 24 agosto 2024
en el canal de: RB
75
5

مرحبًا بكم في درس جديد من سلسلة ReactJS! في هذا الفيديو، سنتناول موضوعًا مهمًا: React Context. سنتعرف على كيفية استخدام Context لنقل البيانات بين المكونات بسهولة ودون الحاجة لاستخدام props بشكل متكرر.

ما الذي سنتعلمه في هذا الفيديو؟
ما هو React Context؟: سنبدأ بفهم المفهوم الأساسي وكيف يمكن أن يكون مفيدًا في تطبيقات React.
إنشاء Context جديد: خطوات سهلة لإنشاء Context واستخدامه في مشروع React الخاص بك.
استخدام Provider و Consumer: كيفية استخدام مكونات Provider و Consumer لنقل البيانات بين المكونات.
أمثلة عملية: سنقدم أمثلة حية لتوضيح كيفية تطبيق Context في مشاريعك اليومية.

لماذا يعتبر Context مهمًا؟ سيساعدك React Context في تجنب "props drilling"، مما يجعل تطبيقاتك أكثر تنظيماً وسهلة للصيانة.
لا تنسَ الاشتراك في القناة وتفعيل جرس التنبيهات لتكون على اطلاع دائم بجميع دروسنا القادمة حول ReactJS والتطوير بشكل عام!

js,javascript,react,reactjs,context,usecontext,react tutorial,react js,react context,react context api,react provider,react consumer,props drilling,frontend development,tutorial,تعلم react,reactjs بالعربي,تطوير الويب,دروس react,react hooks,learn react,react hooks tutorial,react js tutorial,context api react,react course,react context tutorial,context api,react hooks and context,context api tutorial,hooks & context,reactjs tutorial,learn reactjs,reactjs context,react usecontext,react context vs redux,reactjs context api,reactjs context api vs redux,context react,react redux context,react context provider,react.js

#js #javascript #react #reactjs #reactjstutorial #reactjscourse #reactjsforbeginners #reactjstutorialforbeginners #reactjsfullcourse

============================================================

للهم أنصر المسلمين 🤲

السلام عليكم أنا ريان مهندس برمجيات كامل (Software Engineer)
أستعمل JavaScript/TypeScript كلغتي الرئيسية

🙋‍♂️ موقعي الشخصي (Portfolio): https://rynbsd.vercel.app/

📧 البريد الالكتروني (email): rynbsd04@gmail.com

🖥️ دروس (Courses): https://www.udemy.com/user/ryn-bsd/

☕ ادعمني من خلال قهوة: https://www.buymeacoffee.com/rynbsd04a

👇 تابعني:
🐈‍⬛ GitHub: https://github.com/RYNBSD
🐤 Twitter (X):   / rynbsd  
📷 Instagram:   / ryn__bsd  
🎶 TikTok:   / ryn__bsd  
📹 Youtube:    / @ryn__bsd  

🤝 شركاء:
Prisma: https://www.prisma.io/?via=rb

🔧 خدمات:
🟧 Khamsat: https://khamsat.com/user/rayen_boussayed
🟦 Mostaql: https://mostaql.com/u/Rayen_Boussayed
🟩 Upwork: https://www.upwork.com/freelancers/~0...

🔗 مصادر (Resources):
w3schools (React useContext Hook): https://www.w3schools.com/react/react...


En esta página del sitio puede ver el video en línea شرح ReactJS 18 - Context de Duración hora minuto segunda en buena calidad , que subió el usuario RB 24 agosto 2024, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 75 veces y le gustó 5 a los espectadores. Disfruta viendo!