دورة تدريبية: عند الطلب
React.js: المكوّنات الوظيفية
في هذه الدورة، سنقوم بتغطية الهيكل، والخطافات أو Hooks ودوال دورة الحياة للمكونات الوظيفية، وكذلك كيفية استخدام الخطافات الأكثر استخدامًا مثل useeffect و…شاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ1.
مقدِّم الخدمة : Tony Davydets 1 الدروس · 26m باللغات: العربية, الألمانية, الإنجليزية, الإسبانية, الفرنسية, البرتغالية, Chinese
وصف الدورة
في هذه الدورة، سنقوم بتغطية الهيكل، والخطافات أو Hooks ودوال دورة الحياة للمكونات الوظيفية، وكذلك كيفية استخدام الخطافات الأكثر استخدامًا مثل useeffect و Usestate و Usecallback و UsemeMo.
مكونات React الوظيفية هي لبنة بناء أساسية من أي تطبيق react.js. أنها تسمح للمطورين بإنشاء مكونات واجهة المستخدم قابلة لإعادة الاستخدام، عديمة الحالة باستخدام بناء جملة قائم على الدالة. في هذه الدروس، سوف نناقش بمزيد من التفصيل البنية، والخطافات، ودوال دورة الحياة للمكونات الوظيفية، بما في ذلك كيفية تحديد الخاصيات واستخدامها، وكيفية إدارة الحالة باستخدام Hooks.
تختلف بنية المكونات الوظيفية عن مكونات الفئة، لأنها لا تعتمد على بناء جملة قائم على الفئة. بدلاً من ذلك، يأخذون الخاصيات كمعلمة وإرجاع JSX كإخراج. سوف نستكشف تشريح المكون الوظيفي، بما في ذلك كيفية تحديد الخاصيات واستخدامها، وكيفية استخدام خطاف Usestate لإدارة حالة المكون، وكيفية تقديم JSX.
تعد الخطافات مفهومًا قويًا في مكونات React الوظيفية، مما يسمح للمطورين بإضافة الحالة والوظائف الأخرى إلى المكونات القائمة على الدوال. سوف نستكشف الخطافات الأكثر استخدامًا في React بما في ذلك useeffect و Usestate و Usecallback و Usememo.
ما ستتعلمه
- فهم بنية مكونات React الوظيفية وكيف تختلف عن المكونات الفئوية
- تعريف واستخدام props كمعاملات وإرجاع JSX كمخرجات
- إدارة حالة المكون باستخدام خطاف useState
- تطبيق خطافات React الشائعة بما في ذلك useEffect وuseState وuseCallback وuseMemo
- استكشاف الخطافات ووظائف دورة الحياة للمكونات الوظيفية
النقاط الرئيسية
- تعد مكونات React الوظيفية لبنة أساسية في أي تطبيق React.js، مما يسمح للمطورين بإنشاء مكونات واجهة مستخدم قابلة لإعادة الاستخدام وخالية من الحالة باستخدام صيغة تعتمد على الوظائف.
- على عكس المكونات الفئوية، لا تعتمد المكونات الوظيفية على صيغة تعتمد على الفئات؛ فهي تستقبل props كمعامل وترجع JSX كمخرجات.
- تسمح الخطافات للمطورين بإضافة الحالة والوظائف الأخرى إلى المكونات المعتمدة على الوظائف.
- خطافات التشغيل الأكثر استخداماً والتي يغطيها المساق هي useEffect وuseState وuseCallback وuseMemo.
- يغطي المساق تعريف واستخدام props، وإدارة الحالة باستخدام خطاف useState، وعرض JSX.
الأسئلة الشائعة
ماذا يغطي هذا المساق؟
يغطي المساق البنية، والخطافات، ووظائف دورة الحياة لمكونات React الوظيفية، بما في ذلك كيفية تعريف واستخدام props، وكيفية إدارة الحالة باستخدام خطاف useState، وكيفية استخدام الخطافات الشائعة مثل useEffect وuseState وuseCallback وuseMemo.
ما هي المهارات التي سأكتسبها من هذا المساق؟
ستكتسب مهارات في مكتبات المكونات، والبرمجة الوظيفية، ومكونات HTML، و React JSX، و Reactstrap، ومكتبة لغة الجافا سكريبت React.js.
كيف تختلف المكونات الوظيفية عن المكونات الفئوية؟
لا تعتمد المكونات الوظيفية على صيغة فئوية. بدلاً من ذلك، فإنها تستقبل props كمعامل وترجع JSX كمخرجات.
ما هي الخطافات التي يغطيها هذا المساق؟
يستكشف المساق الخطافات الأكثر استخداماً في React، بما في ذلك useEffect وuseState وuseCallback وuseMemo.
ما هي أهداف التعلم لهذا المساق؟
تتمثل أهداف التعلم في فهم مكونات React الوظيفية، وخطافات React، و React props.
