التصنيف react-js

useEffect

🔹 أولًا: ما هي useEffect ؟ useEffect هي واحدة من أهم Hooks في React.تُستخدم لتنفيذ أكواد جانبية (Side Effects) داخل المكونات (Components). 🔹 ما معنى “Side Effect” ؟ الـ Side Effect هو أي شيء يحدث خارج عملية “الرندر” الأساسية مثل:…

Hooks

ما هي Hooks في React؟ Hooks هي دوال جاهزة من React تسمح لك باستخدام الحالة (state)، التأثيرات (effects)، السياق (context) وغيرها داخل المكوّنات الدالّية من دون الحاجة لكتابة مكوّنات صنفية (class components). النتيجة: كود أبسط، قابل لإعادة الاستخدام، وأسهل للاختبار…

useState

ما هي useState؟ هي Hook من رياكت تسمح لك بإضافة حالة (state) داخل المكوّنات الدالّية (Function Components).ترجّع مصفوفتين: التوقيع (Signature) القواعد الذهبية (Rules) 1) عدّاد بسيط (Basic Counter) الكود الشرح 2) حالة بدائية (Boolean Toggle) الكود الشرح 3) حالة كائن…

JSX (JavaScript XML)

🔹 التعريف:JSX هي صيغة (Syntax) خاصّة تُستخدم في React.js لكتابة واجهات المستخدم بطريقة تشبه HTML داخل كود JavaScript.بكلمات بسيطة: JSX يسمح لك بكتابة كود يشبه HTML داخل JavaScript — لكن في الحقيقة هو تحويل إلى دوال JavaScript عند التنفيذ. 🧠…

مقدمة في رياكت React Js

React.js هي مكتبة جافاسكربت مفتوحة المصدر تُستخدم لبناء واجهات المستخدم التفاعلية، طوّرتها شركة فيسبوك، وتعتمد على مبدأ المكوّنات (Components) لتسهيل إنشاء واجهات قابلة لإعادة الاستخدام وسريعة الأداء. ميزات React.js ولماذا نتعلمها: 🧠 لماذا نتعلمها؟لأنها واحدة من أكثر التقنيات طلبًا في…