React & Redux En Arabic - The Complete Guide

Why take this course?
إذا كانت لديك أي معلومات أو أسئلة حول كيفية البدء في React.js، أو لديك أي أسالب أخرى حول الطرق الخاصة لتعلم هذا الإنشاء، أنا هنا لمساعدتك!
فيما يلي بعض النصائح والمراجعة مفيدة لكاء بدء في React.js:
-
الإطار الأساسي لReact: تأكد من أنك يمكنك التعرف على الأقراط الأساسية لـ React (
ReactDOM.render()
,createElement()
, JSX). -
الفهم من React: وضح الفرق بين مكتبة React (which is focused on building user interfaces) and other JavaScript libraries that might be more utility-oriented.
-
إجراء مثال أساسي: ابدأ بإنشاء الى مثال واحد بسهولة، مثل
Hello World
أو قائمة من العرض. -
الفهم من Components: React يتميز بقابلته إلى "Components". تحضر نفس الشيء كجزء غير قابل للإعداد (class components) أو كدالة مؤقتة (functional components) وفهم كيفية توكيل النسخة الحالية والحفاظ عليها (state) وإجراء الأجهزة (props).
-
العمل مع البيانات الديناميكية: استخدم
useState
في الدالة المؤقتة، أوthis.state
في الأجزاء الصحيحة، لإدارة البيانات الذات مشكلة أو بيانات المستخدم التي تتغير. -
التعلم الإلكتروني: هناك العديد من المنهجات وأفضل أمثلة مجانة ومدفوعة تساعدك على البدء بشكل صحيح. مثلًا:
- React Official Documentation
- Codecademy React Course (مجاني)
- freeCodeCamp (لدى الموضوعات في قسم React)
- React Crash Course by Academind (مجاني على YouTube)
-
التفاعل مع بيانات المستخدم: تعلم كيفية إنشاء أوامر تفاعلية وإجراء HTTP requests إذا كانت مطلوب.
-
الاستخدام من React Router: لإنشاء واجهات المستخدم التي تتضكر الأماكن.
-
الاستخدام من Redux: لإدارة البيانات الذات مشكلة التي تحتاج إلى إعادة الطهي أو مصدر شائع.
-
التعلم المستمر: React وتکنولوجيا توارضها تتغر مستمرًا، لذا، محتاج إلى استماع المشاركات الجديدة، قراءة البطالة الأحدث، وتعزيز مهاراتك باستماع إلى الخبرات الآخرة.
-
إنشاء مشاريع صغيرة: الأفضل طريقة لتطوير مهارات React هي تطوير وفك وانخفاض مشاريع صغيرة.
-
المزيد من التعلم: الحصول على خبرة معقدة وآسفة، مثل إضافة كودكي (CodeSandbox)، أو تطوير تطبيق محمول يمكن أن يتناسب مع حاجة شخصية أو فرصة عمل.
تذكر أن السلوكيات والتفاعل مع البيانات والإدارة الجيدة من الأهم في React. بمجرد أن تصبح طوير React واضحًا، ستجد أن هناك العديد من الطرق لتحقيق أهدافك، والأمثلة متعددة لإدارة وتطوير الواجهات الذات مشكلة.
Course Gallery




Loading charts...