هل أعجبتك المعاينة؟
هذا هو الدرس الأول المجاني. احصل على وصول كامل — اطلب عرضًا تجريبيًا أو سجّل الدخول.
React.js: تدفّق البيانات داخل التطبيق
تغطي هذه الدورة المفاهيم الأساسية المتعلقة بالتوجيه والتنقل في تطبيق ويب React. سوف تتعلم كيفية التعامل مع الطرق المختلفة وإنشاء روابط للتنقل بين الصفحات…شاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ1.
مقدِّم الخدمة : Tony Davydets 1 الدروس · 13m باللغات: العربية, الألمانية, الإنجليزية, الإسبانية, الفرنسية, البرتغالية, Chinese
وصف الدورة
تغطي هذه الدورة المفاهيم الأساسية المتعلقة بالتوجيه والتنقل في تطبيق ويب React. سوف تتعلم كيفية التعامل مع الطرق المختلفة وإنشاء روابط للتنقل بين الصفحات. بالإضافة إلى ذلك، سوف تتعلم عن واجهة برمجة تطبيقات السياق وكيفية إنشاء خطافات مخصصة.
يعد التوجيه والتنقل من الأجزاء أساسية لأي تطبيق ويب، وتوفر React أدوات لجعل هذه العملية سهلة وبديهية. سوف تتعلم كيفية إنشاء نظام توجيه لتطبيقك باستخدام جهاز توجيه React. سوف تتعلم كيفية تحديد طرق مختلفة لصفحات مختلفة، وكيفية استخدام مكونات الروابط للتنقل بين الصفحات، وكيفية تمرير المعلمات عبر عناوين URL.
يمكن أن يصبح تمرير البيانات بين المكونات مملة مع نمو التطبيق الخاص بك، خاصة إذا كان يجب عليك تمرير البيانات عبر طبقات متعددة من المكونات. في هذه الوحدة، ستتعلم كيفية إنشاء واستخدام واجهة برمجة تطبيقات السياق لمشاركة البيانات عبر التطبيق الخاص بك بسهولة. سوف تتعلم أيضًا كيفية إنشاء خطافات مخصصة باستخدام واجهة برمجة تطبيقات السياق Context والتي يمكن أن تبسيط عملية تمرير البيانات عبر التطبيق.
أخيرًا، سيتم تعريفك ببنية مجلد مقترحة لتنظيم تطبيق React الخاص بك. سوف تتعلم كيفية تنظيم مكوناتك وأنماطك وأدواتك في أدلة منفصلة، والتي يمكن أن تجعل الكود أكثر قابلية للإدارة وأسهل في التنقل.
ما ستتعلمه
- التنقل في تطبيقات ويب React باستخدام React Router
- تحديد مسارات مختلفة لصفحات مختلفة وإنشاء روابط للتنقل بينها
- تمرير المعاملات عبر عناوين URL لنقل البيانات بين الصفحات
- استخدام Context API لمشاركة البيانات عبر تطبيقك
- إنشاء خطافات مخصصة باستخدام Context API لتبسيط تمرير البيانات
- تنظيم المكونات والأنماط والأدوات المساعدة في هيكل مجلد مقترح
النقاط الرئيسية
- يعد توجيه المسارات والتنقل أجزاءً أساسية في أي تطبيق ويب، وتوفر React أدوات لجعل العملية سهلة وبديهية.
- يتيح لك React Router بناء نظام توجيه يحدد المسارات، ويستخدم مكونات الروابط للتنقل، ويمرر المعاملات عبر عناوين URL.
- تشارك Context API البيانات عبر التطبيق دون تمريرها عبر طبقات متعددة من المكونات.
- تبسط الخطافات المخصصة المبنية باستخدام Context API تمرير البيانات في جميع أنحاء التطبيق.
- يتحول هيكل المجلد المقترح الذي يفصل بين المكونات والأنماط والأدوات المساعدة الكود ليكون أكثر قابلية للإدارة وأسهل في التنقل.
الأسئلة الشائعة
ماذا تغطي هذه الدورة؟
تغطي توجيه المسارات والتنقل في تطبيق ويب React، بما في ذلك معالجة المسارات وإنشاء الروابط باستخدام React Router، واستخدام Context API لمشاركة البيانات، وإنشاء خطافات مخصصة باستخدام Context API، وهيكل مجلد مقترح لتنظيم تطبيقك.
ماذا سأتعلم عن إدارة تدفق البيانات في React؟
ستتعلم كيفية تمرير البيانات بين المكونات باستخدام Context API لمشاركة البيانات عبر تطبيقك بسهولة، وكيفية إنشاء خطافات مخصصة باستخدام Context API لتبسيط تمرير البيانات في جميع أنحاء التطبيق.
كيف يتم التعامل مع التنقل في هذه الدورة؟
ستتعلم كيفية إنشاء نظام توجيه باستخدام React Router، وتحديد مسارات مختلفة لصفحات مختلفة، واستخدام مكونات الروابط للتنقل بين الصفحات، وتمرير المعاملات عبر عناوين URL.
ما الدروس المشمولة في هذه الدورة؟
تشمل الدورة ثلاثة دروس: المكونات المتعددة، وتوجيه المسارات، والتنقل؛ وهيكل مجلد التطبيق؛ وتمرير البيانات والخطافات المخصصة باستخدام Context API.
ما المهارات المرتبطة بهذه الدورة؟
تشمل المهارات المرتبطة: Create React App، و Flux لـ React.js، و React JSX، و React VR، ومكتبة جافا سكريبت React.js، و WebMethods Flow.
