Latest revision as of 08:09, 27 March 2025

React: دليل شامل للمبتدئين

React هي مكتبة جافاسكريبت مفتوحة المصدر تستخدم لبناء واجهات المستخدم (UI). تم تطويرها بواسطة فيسبوك ويتم استخدامها على نطاق واسع في تطوير تطبيقات الويب الحديثة. تتميز React بالكفاءة والمرونة وقابلية التوسع، مما يجعلها خيارًا شائعًا بين المطورين. يهدف هذا المقال إلى تقديم مقدمة شاملة للمبتدئين حول React، بدءًا من المفاهيم الأساسية وصولًا إلى بعض الاستخدامات العملية.

ما هي React ولماذا نستخدمها؟

تقليديًا، كان بناء واجهات المستخدم يتطلب التعامل المباشر مع DOM (Document Object Model)، وهو تمثيل هيكلي لصفحة الويب. تعديل DOM بشكل متكرر يمكن أن يكون مكلفًا من حيث الأداء، خاصة في التطبيقات المعقدة. تقدم React حلاً لهذه المشكلة من خلال استخدام Virtual DOM، وهو نسخة افتراضية من DOM. عندما تتغير البيانات في التطبيق، تقوم React بحساب الفرق بين Virtual DOM الحالي والجديد، ثم تقوم بتحديث DOM الفعلي فقط بالتغييرات الضرورية، مما يحسن الأداء بشكل كبير.

Component-Based Architecture (هيكلية قائمة على المكونات): تعتمد React على تقسيم واجهة المستخدم إلى مكونات مستقلة وقابلة لإعادة الاستخدام. كل مكون مسؤول عن عرض جزء معين من واجهة المستخدم وإدارة حالته الخاصة.
Declarative Programming (البرمجة التصريحية): بدلاً من إخبار React *كيف* يجب تحديث واجهة المستخدم، نقول لها *ماذا* نريد أن تبدو عليه واجهة المستخدم، وتتولى React التفاصيل.
JSX (JavaScript XML): React تستخدم JSX، وهي إضافة لغة تسمح لنا بكتابة HTML داخل كود JavaScript. هذا يجعل الكود أكثر قابلية للقراءة والصيانة.
One-Way Data Binding (ربط البيانات أحادي الاتجاه): تتدفق البيانات في React في اتجاه واحد، مما يجعل من السهل تتبع التغييرات وتصحيح الأخطاء.

المفاهيم الأساسية في React

Components (المكونات): الوحدات الأساسية في React. يمكن أن تكون وظيفية (Functional Components) أو قائمة على الفئات (Class Components). Functional Components أصبحت هي الطريقة المفضلة في الإصدارات الحديثة من React.
Props (الخصائص): البيانات التي يتم تمريرها من المكون الأب إلى المكون الابن. هي قراءة فقط (read-only) من وجهة نظر المكون الابن.
State (الحالة): البيانات التي يديرها المكون نفسه ويمكن أن تتغير بمرور الوقت. تسمح بتحديث واجهة المستخدم استجابةً لتفاعلات المستخدم أو تغيرات البيانات.
Lifecycle Methods (طرق دورة الحياة): وظائف خاصة يتم استدعاؤها في مراحل مختلفة من حياة المكون (مثل الإنشاء والتحديث والتدمير). تستخدم في Class Components.
Event Handling (معالجة الأحداث): React توفر طريقة لربط وظائف JavaScript بأحداث DOM (مثل النقر والتحويم وإدخال النص).
Conditional Rendering (العرض الشرطي): عرض مكونات مختلفة بناءً على شروط معينة.
Lists and Keys (القوائم والمفاتيح): عرض قوائم من البيانات باستخدام `map()` وتعيين مفاتيح فريدة لكل عنصر في القائمة لتحسين الأداء.

مثال بسيط لكود React

```javascript import React from 'react';

function Greeting(props) {

return

Hello, {props.name}!

;

}

function App() {

 return (

     <Greeting name="Alice" />
     <Greeting name="Bob" />

);

}

export default App; ```

في هذا المثال، قمنا بتعريف مكونين: `Greeting` و `App`. يستقبل المكون `Greeting` خاصية `name` ويعرض تحية مخصصة. المكون `App` يعرض المكون `Greeting` مرتين بأسماء مختلفة.

أدوات تطوير React

Create React App (إنشاء تطبيق React): أداة رسمية لإنشاء مشاريع React جديدة بسرعة وسهولة.
Node.js و npm/yarn (نود.جي إس و npm/yarn): بيئة تشغيل جافاسكريبت ومدير حزم يستخدمان لتثبيت وإدارة تبعيات المشروع.
Webpack/Parcel (ويب باك/بارسل): أدوات تجميع (bundlers) تستخدم لدمج ملفات JavaScript و CSS و HTML في ملفات واحدة أو أكثر قابلة للنشر.
Babel (بابيل): محول جافاسكريبت يستخدم لتحويل كود JavaScript الحديث (مثل JSX) إلى كود متوافق مع المتصفحات القديمة.
React Developer Tools (أدوات مطوري React): إضافة للمتصفح تساعد في فحص مكونات React وتصحيح الأخطاء.

تطبيقات React

تطبيقات الويب أحادية الصفحة (Single-Page Applications - SPAs)
تطبيقات الهاتف المحمول (Mobile Applications) باستخدام React Native
واجهات المستخدم المعقدة
تطبيقات التجارة الإلكترونية
لوحات التحكم (Dashboards)

استراتيجيات التداول والتحليل الفني في سياق تطوير الواجهات

على الرغم من أن React مكتبة تطوير واجهات مستخدم وليست أداة تداول، إلا أن فهم بعض مبادئ التحليل الفني يمكن أن يساعد في تصميم واجهات مستخدم فعالة لعرض بيانات السوق. على سبيل المثال:

Moving Averages (المتوسطات المتحركة): يمكن استخدامها لتنعيم بيانات الأسعار وعرض الاتجاهات.
Bollinger Bands (نطاقات بولينجر): يمكن استخدامها لتحديد التقلبات وعرض نطاقات الأسعار المحتملة.
Relative Strength Index (RSI) (مؤشر القوة النسبية): يمكن استخدامه لتحديد حالات ذروة الشراء والبيع.
Fibonacci Retracements (نسب فيبوناتشي): يمكن استخدامها لتحديد مستويات الدعم والمقاومة المحتملة.
Candlestick Patterns (أنماط الشموع اليابانية): يمكن استخدامها لتحديد إشارات الشراء والبيع.
Volume Analysis (تحليل الحجم): فهم حجم التداول يمكن أن يساعد في تأكيد قوة الاتجاهات.
Ichimoku Cloud (سحابة إيشيموكو): أداة تحليل فني شاملة توفر معلومات حول الاتجاه والدعم والمقاومة.
MACD (مؤشر تقارب وتباعد المتوسطات المتحركة): مؤشر زخم يساعد في تحديد اتجاه السوق.
Stochastic Oscillator (مذبذب ستوكاستيك): مؤشر زخم يقارن سعر الإغلاق بمدى الأسعار خلال فترة زمنية معينة.
Elliott Wave Theory (نظرية موجات إليوت): تحليل أنماط الأسعار بناءً على موجات متكررة.
Support and Resistance Levels (مستويات الدعم والمقاومة): تحديد المستويات التي يميل فيها السعر إلى الارتداد أو التوقف.
Trend Lines (خطوط الاتجاه): رسم خطوط لتحديد اتجاه السوق.
Chart Patterns (أنماط الرسوم البيانية): التعرف على الأنماط التي تشير إلى استمرار أو انعكاس الاتجاه.
Breakout Strategies (استراتيجيات الاختراق): تحديد متى يكسر السعر مستوى دعم أو مقاومة.
Scalping (المضاربة): استراتيجية تداول قصيرة الأجل تستهدف أرباحًا صغيرة.

الموارد الإضافية

React Official Documentation ([[1]])
MDN Web Docs ([[2]])
freeCodeCamp ([[3]])
Scrimba ([[4]])

الخلاصة

React هي مكتبة قوية ومرنة لبناء واجهات المستخدم الحديثة. من خلال فهم المفاهيم الأساسية والأدوات المتاحة، يمكن للمطورين إنشاء تطبيقات ويب تفاعلية وفعالة. مع تزايد شعبيتها، أصبحت React مهارة أساسية لأي مطور ويب.

ابدأ التداول الآن

سجل في IQ Option (الحد الأدنى للإيداع $10) افتح حساباً في Pocket Option (الحد الأدنى للإيداع $5)

انضم إلى مجتمعنا

اشترك في قناة Telegram الخاصة بنا @strategybin للحصول على: ✓ إشارات تداول يومية ✓ تحليلات استراتيجية حصرية ✓ تنبيهات باتجاهات السوق ✓ مواد تعليمية للمبتدئين

@@ Line 1: / Line 1: @@
 === React: دليل شامل للمبتدئين ===
-'''React''' هي مكتبة جافاسكربت مفتوحة المصدر تستخدم لبناء واجهات المستخدم (UI). ظهرت React في عام 2013، وهي تحظى بشعبية كبيرة بين مطوري الويب بسبب كفاءتها ومرونتها وسهولة صيانتها. هذا المقال يهدف إلى تقديم مقدمة شاملة للمبتدئين في عالم React، بدءًا من المفاهيم الأساسية وصولًا إلى بعض التطبيقات المتقدمة.
+'''React''' هي مكتبة جافاسكريبت مفتوحة المصدر تستخدم لبناء واجهات المستخدم (UI). تم تطويرها بواسطة فيسبوك ويتم استخدامها على نطاق واسع في تطوير تطبيقات الويب الحديثة. تتميز React بالكفاءة والمرونة وقابلية التوسع، مما يجعلها خيارًا شائعًا بين المطورين. يهدف هذا المقال إلى تقديم مقدمة شاملة للمبتدئين حول React، بدءًا من المفاهيم الأساسية وصولًا إلى بعض الاستخدامات العملية.
-== ما هي React؟ ==
+== ما هي React ولماذا نستخدمها؟ ==
-في جوهرها، React هي مكتبة لبناء '''واجهات المستخدم''' التفاعلية. على عكس المكتبات الأخرى التي تتطلب منك إعادة بناء الصفحة بأكملها عند حدوث تغيير، تستخدم React ما يسمى بـ '''النموذج الافتراضي (Virtual DOM)''' لتقليل عدد التحديثات الفعلية التي يتم إجراؤها على '''DOM''' الحقيقي للمتصفح. هذا يجعل React أسرع وأكثر كفاءة، خاصة بالنسبة للتطبيقات المعقدة.
+تقليديًا، كان بناء واجهات المستخدم يتطلب التعامل المباشر مع '''DOM''' (Document Object Model)، وهو تمثيل هيكلي لصفحة الويب.  تعديل DOM بشكل متكرر يمكن أن يكون مكلفًا من حيث الأداء، خاصة في التطبيقات المعقدة.  تقدم React حلاً لهذه المشكلة من خلال استخدام '''Virtual DOM'''، وهو نسخة افتراضية من DOM.  عندما تتغير البيانات في التطبيق، تقوم React بحساب الفرق بين Virtual DOM الحالي والجديد، ثم تقوم بتحديث DOM الفعلي فقط بالتغييرات الضرورية، مما يحسن الأداء بشكل كبير.
+*   '''Component-Based Architecture''' (هيكلية قائمة على المكونات):  تعتمد React على تقسيم واجهة المستخدم إلى مكونات مستقلة وقابلة لإعادة الاستخدام.  كل مكون مسؤول عن عرض جزء معين من واجهة المستخدم وإدارة حالته الخاصة.
+*   '''Declarative Programming''' (البرمجة التصريحية):  بدلاً من إخبار React *كيف* يجب تحديث واجهة المستخدم، نقول لها *ماذا* نريد أن تبدو عليه واجهة المستخدم، وتتولى React التفاصيل.
+*   '''JSX''' (JavaScript XML):  React تستخدم JSX، وهي إضافة لغة تسمح لنا بكتابة HTML داخل كود JavaScript.  هذا يجعل الكود أكثر قابلية للقراءة والصيانة.
+*   '''One-Way Data Binding''' (ربط البيانات أحادي الاتجاه):  تتدفق البيانات في React في اتجاه واحد، مما يجعل من السهل تتبع التغييرات وتصحيح الأخطاء.
 == المفاهيم الأساسية في React ==
-* '''المكونات (Components)''': هي اللبنات الأساسية لتطبيقات React. يمكن اعتبارها كقطع LEGO التي يمكنك تجميعها لإنشاء واجهة مستخدم معقدة. هناك نوعان رئيسيان من المكونات:
+*   '''Components''' (المكونات):  الوحدات الأساسية في React.  يمكن أن تكون وظيفية (Functional Components) أو قائمة على الفئات (Class Components). [[Functional Components]] أصبحت هي الطريقة المفضلة في الإصدارات الحديثة من React.
-    * '''المكونات الوظيفية (Functional Components)''': تكون عبارة عن دوال جافاسكربت بسيطة تعيد '''عناصر JSX''' التي تصف ما يجب عرضه.
+*   '''Props''' (الخصائص):  البيانات التي يتم تمريرها من المكون الأب إلى المكون الابن.  هي قراءة فقط (read-only) من وجهة نظر المكون الابن.
-    * '''المكونات القائمة على الفئات (Class Components)''': تكون عبارة عن فئات جافاسكربت تحتوي على '''حالة (State)''' و'''طرق دورة الحياة (Lifecycle Methods)'''.
+*   '''State''' (الحالة):  البيانات التي يديرها المكون نفسه ويمكن أن تتغير بمرور الوقت.  تسمح بتحديث واجهة المستخدم استجابةً لتفاعلات المستخدم أو تغيرات البيانات.
+*   '''Lifecycle Methods''' (طرق دورة الحياة):  وظائف خاصة يتم استدعاؤها في مراحل مختلفة من حياة المكون (مثل الإنشاء والتحديث والتدمير).  تستخدم في [[Class Components]].
+*   '''Event Handling''' (معالجة الأحداث):  React توفر طريقة لربط وظائف JavaScript بأحداث DOM (مثل النقر والتحويم وإدخال النص).
+*   '''Conditional Rendering''' (العرض الشرطي):  عرض مكونات مختلفة بناءً على شروط معينة.
+*   '''Lists and Keys''' (القوائم والمفاتيح):  عرض قوائم من البيانات باستخدام `map()` وتعيين مفاتيح فريدة لكل عنصر في القائمة لتحسين الأداء.
-* '''JSX''': هو امتداد لـ '''جافاسكربت''' يسمح لك بكتابة HTML داخل كود جافاسكربت. يتم تحويل JSX إلى كود جافاسكربت عادي قبل تشغيله في المتصفح.
+== مثال بسيط لكود React ==
-* '''الحالة (State)''': هي بيانات خاصة بالمكون وتتحكم في سلوكه وعرضه. عند تغيير الحالة، تقوم React بإعادة عرض المكون لتحديث واجهة المستخدم.
+```javascript
+import React from 'react';
-* '''الخصائص (Props)''': هي البيانات التي يتم تمريرها من مكون إلى آخر. يمكن اعتبارها كـ '''وسائط (Arguments)''' للدوال.
-== بناء تطبيق React بسيط ==
-لنفترض أننا نريد بناء مكون بسيط يعرض رسالة ترحيب. يمكننا القيام بذلك باستخدام مكون وظيفي:
-```javascript
+function Greeting(props) {
-function Welcome(props) {
+   return <h1>Hello, {props.name}!</h1>;
-   return <h1>مرحباً، {props.name} !</h1>;
 }
@@ Line 31: / Line 34: @@
    return (
      <div>
-       <Welcome name="أحمد" />
+       <Greeting name="Alice" />
-       <Welcome name="فاطمة" />
+       <Greeting name="Bob" />
      </div>
    );
 }
-ReactDOM.render(<App />, document.getElementById('root'));
+export default App;
 ```
-في هذا المثال، قمنا بتعريف مكونين: '''Welcome''' و '''App'''. يقوم مكون '''Welcome''' بعرض رسالة ترحيب مع اسم المستخدم الذي يتم تمريره كخاصية. يقوم مكون '''App''' بعرض مكون '''Welcome''' مرتين مع أسماء مستخدمين مختلفة.
+في هذا المثال، قمنا بتعريف مكونين: `Greeting` و `App`.  يستقبل المكون `Greeting` خاصية `name` ويعرض تحية مخصصة.  المكون `App` يعرض المكون `Greeting` مرتين بأسماء مختلفة.
-== إدارة الحالة في React ==
+== أدوات تطوير React ==
-إدارة الحالة هي جانب مهم في بناء تطبيقات React. هناك عدة طرق لإدارة الحالة، بما في ذلك:
+*   '''Create React App''' (إنشاء تطبيق React):  أداة رسمية لإنشاء مشاريع React جديدة بسرعة وسهولة.
+*   '''Node.js و npm/yarn''' (نود.جي إس و npm/yarn):  بيئة تشغيل جافاسكريبت ومدير حزم يستخدمان لتثبيت وإدارة تبعيات المشروع.
+*   '''Webpack/Parcel''' (ويب باك/بارسل):  أدوات تجميع (bundlers) تستخدم لدمج ملفات JavaScript و CSS و HTML في ملفات واحدة أو أكثر قابلة للنشر.
+*   '''Babel''' (بابيل):  محول جافاسكريبت يستخدم لتحويل كود JavaScript الحديث (مثل JSX) إلى كود متوافق مع المتصفحات القديمة.
+*   '''React Developer Tools''' (أدوات مطوري React):  إضافة للمتصفح تساعد في فحص مكونات React وتصحيح الأخطاء.
-* '''الحالة المحلية (Local State)''': تستخدم لإدارة الحالة داخل مكون واحد.
+== تطبيقات React ==
-* '''السياق (Context)''': يوفر طريقة لتمرير البيانات عبر شجرة المكونات دون الحاجة إلى تمريرها يدويًا من خلال كل مستوى.
-* '''Redux''': مكتبة لإدارة الحالة المركزية للتطبيقات المعقدة.
-* '''MobX''': مكتبة أخرى لإدارة الحالة المركزية تعتمد على البرمجة التفاعلية.
-== أدوات تطوير React ==
+*   '''تطبيقات الويب أحادية الصفحة (Single-Page Applications - SPAs)'''
+*   '''تطبيقات الهاتف المحمول (Mobile Applications)''' باستخدام '''React Native'''
+*   '''واجهات المستخدم المعقدة'''
+*   '''تطبيقات التجارة الإلكترونية'''
+*   '''لوحات التحكم (Dashboards)'''
-هناك العديد من الأدوات التي يمكن أن تساعدك في تطوير تطبيقات React:
+== استراتيجيات التداول والتحليل الفني في سياق تطوير الواجهات ==
-* '''Create React App''': أداة لإنشاء تطبيقات React جديدة بسرعة وسهولة.
+على الرغم من أن React مكتبة تطوير واجهات مستخدم وليست أداة تداول، إلا أن فهم بعض مبادئ التحليل الفني يمكن أن يساعد في تصميم واجهات مستخدم فعالة لعرض بيانات السوق. على سبيل المثال:
-* '''React Developer Tools''': إضافة للمتصفح تسمح لك بفحص مكونات React وتصحيح الأخطاء.
-* '''Webpack''': أداة لتجميع ملفات جافاسكربت و CSS وغيرها من الأصول.
-* '''Babel''': أداة لتحويل كود جافاسكربت الحديث إلى كود متوافق مع المتصفحات القديمة.
-== استراتيجيات التداول والتحليل الفني ==
+*   '''Moving Averages''' (المتوسطات المتحركة): يمكن استخدامها لتنعيم بيانات الأسعار وعرض الاتجاهات.
+*   '''Bollinger Bands''' (نطاقات بولينجر): يمكن استخدامها لتحديد التقلبات وعرض نطاقات الأسعار المحتملة.
+*   '''Relative Strength Index (RSI)''' (مؤشر القوة النسبية): يمكن استخدامه لتحديد حالات ذروة الشراء والبيع.
+*   '''Fibonacci Retracements''' (نسب فيبوناتشي): يمكن استخدامها لتحديد مستويات الدعم والمقاومة المحتملة.
+*   '''Candlestick Patterns''' (أنماط الشموع اليابانية): يمكن استخدامها لتحديد إشارات الشراء والبيع.
+*   '''Volume Analysis''' (تحليل الحجم):  فهم حجم التداول يمكن أن يساعد في تأكيد قوة الاتجاهات.
+*   '''Ichimoku Cloud''' (سحابة إيشيموكو):  أداة تحليل فني شاملة توفر معلومات حول الاتجاه والدعم والمقاومة.
+*   '''MACD''' (مؤشر تقارب وتباعد المتوسطات المتحركة):  مؤشر زخم يساعد في تحديد اتجاه السوق.
+*   '''Stochastic Oscillator''' (مذبذب ستوكاستيك):  مؤشر زخم يقارن سعر الإغلاق بمدى الأسعار خلال فترة زمنية معينة.
+*   '''Elliott Wave Theory''' (نظرية موجات إليوت):  تحليل أنماط الأسعار بناءً على موجات متكررة.
+*   '''Support and Resistance Levels''' (مستويات الدعم والمقاومة): تحديد المستويات التي يميل فيها السعر إلى الارتداد أو التوقف.
+*   '''Trend Lines''' (خطوط الاتجاه): رسم خطوط لتحديد اتجاه السوق.
+*   '''Chart Patterns''' (أنماط الرسوم البيانية): التعرف على الأنماط التي تشير إلى استمرار أو انعكاس الاتجاه.
+*   '''Breakout Strategies''' (استراتيجيات الاختراق):  تحديد متى يكسر السعر مستوى دعم أو مقاومة.
+*   '''Scalping''' (المضاربة):  استراتيجية تداول قصيرة الأجل تستهدف أرباحًا صغيرة.
-على الرغم من أن React تركز على تطوير الواجهات الأمامية، إلا أن فهم مبادئ التداول والتحليل الفني يمكن أن يساعد في بناء تطبيقات تعرض بيانات مالية معقدة. بعض الاستراتيجيات ذات الصلة تشمل:
+== الموارد الإضافية ==
-* '''تحليل الشموع اليابانية (Candlestick Patterns)''': لفهم اتجاهات الأسعار.
+*   '''React Official Documentation''' ([[https://react.dev/]])
-* '''مؤشر المتوسط المتحرك (Moving Average)''': لتحديد الاتجاهات وتنعيم بيانات الأسعار.
+*   '''MDN Web Docs''' ([[https://developer.mozilla.org/en-US/]])
-* '''مؤشر القوة النسبية (RSI)''': لتحديد مناطق ذروة الشراء والبيع.
+*   '''freeCodeCamp''' ([[https://www.freecodecamp.org/]])
-* '''مؤشر الماكد (MACD)''': لتحديد الاتجاهات وتوليد إشارات الشراء والبيع.
+*   '''Scrimba''' ([[https://scrimba.com/]])
-* '''نظرية إليوت الموجية (Elliott Wave Theory)''': لفهم أنماط السوق المتكررة.
-* '''تحليل فيبوناتشي (Fibonacci Analysis)''': لتحديد مستويات الدعم والمقاومة المحتملة.
-* '''استراتيجية الاختراق (Breakout Strategy)''': للدخول في صفقات عندما يخترق السعر مستوى دعم أو مقاومة.
-* '''استراتيجية التراجع (Pullback Strategy)''': للدخول في صفقات عندما يتراجع السعر بعد اختراق مستوى دعم أو مقاومة.
-* '''استراتيجية المدى (Range Trading)''': للتداول داخل نطاق سعري محدد.
-* '''استراتيجية التداول المتأرجح (Swing Trading)''': للاستفادة من تقلبات الأسعار قصيرة الأجل.
-* '''استراتيجية التداول اليومي (Day Trading)''': لإغلاق الصفقات في نفس يوم التداول.
-* '''تحليل حجم التداول (Volume Analysis)''': لتأكيد قوة الاتجاهات.
-* '''مؤشر تراكم/توزيع (Accumulation/Distribution Line)''': لتقييم قوة الشراء والبيع.
-* '''مؤشر تشايكين للأموال (Chaikin Money Flow)''': لقياس تدفق الأموال داخل وخارج الأصل.
-* '''مؤشر OBV (On Balance Volume)''': لربط السعر وحجم التداول.
-== روابط ذات صلة ==
+== الخلاصة ==
-* [[جافاسكربت]]
+React هي مكتبة قوية ومرنة لبناء واجهات المستخدم الحديثة.  من خلال فهم المفاهيم الأساسية والأدوات المتاحة، يمكن للمطورين إنشاء تطبيقات ويب تفاعلية وفعالة.  مع تزايد شعبيتها، أصبحت React مهارة أساسية لأي مطور ويب.
-* [[HTML]]
-* [[CSS]]
-* [[DOM]]
-* [[واجهات المستخدم]]
-* [[React Native]]
-* [[Redux]]
-* [[JSX]]
-* [[Webpack]]
-* [[Babel]]
-* [[Create React App]]
-* [[React Developer Tools]]
-* [[المكونات (Components)]]
-* [[الحالة (State)]]
-* [[الخصائص (Props)]]
-* [[السياق (Context)]]
-* [[النموذج الافتراضي (Virtual DOM)]]
-* [[طرق دورة الحياة (Lifecycle Methods)]]
-* [[التجميع (Bundling)]]
-* [[التصحيح (Debugging)]]
-[[Category:الفئة:واجهات_برمجة_تطبيقات_ويب]]
+[[Category:الفئة:مكتبات_واجهات_المستخدم]]
 == ابدأ التداول الآن ==

React: Difference between revisions