React



react

رد فعل الوثائق

أسهل طريقة للبدء مع React هي استخدام رمز مثال Hello World على CodePen . لست بحاجة إلى تثبيت أي شيء ؛ يمكنك فقط فتحه في علامة تبويب أخرى واتباع ما نراه من خلال الأمثلة. إذا كنت تفضل استخدام بيئة تطوير محلية ، فراجع قسم Installation .

المثال الأصغر React يبدو مثل هذا:

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

يعرض رأسًا يقول "مرحبًا ، العالم!" على الصفحة.

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

ملاحظة على JavaScript

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

كما نستخدم بعض من جملة ES6 في الأمثلة. نحن نحاول استخدامه بشكل مقتصد لأنه لا يزال جديدًا نسبيًا ، ولكننا نشجعك على التعرف على وظائف الأسهم classes والبيانات الحرفية للقالب let const . يمكنك استخدام Babel REPL للتحقق من رمز ES6 الذي يتم تجميعه.