الفرق بين المراجعتين ل"React/getting started"
Kinan-mawed (نقاش | مساهمات) |
|||
| سطر 18: | سطر 18: | ||
عندما تكون مستعدًّا لبناء تطبيقك الأول باستخدام React، فانظر إلى دليل التثبيت بالأسفل. هذه الإعدادات مُصمَّمة لكي تجعلك جاهزًا للإنتاج مع تجربة تطوير رائعة، فهي تتضمّن اكتشاف الأخطاء (linting)، والاختبار، والتحسينات المُضمَّنة. ولكنّها على الرغم من ذلك تتطلّب وقتًا ومساحةً أكبر من القرص لإعدادها وتثبيتها. | عندما تكون مستعدًّا لبناء تطبيقك الأول باستخدام React، فانظر إلى دليل التثبيت بالأسفل. هذه الإعدادات مُصمَّمة لكي تجعلك جاهزًا للإنتاج مع تجربة تطوير رائعة، فهي تتضمّن اكتشاف الأخطاء (linting)، والاختبار، والتحسينات المُضمَّنة. ولكنّها على الرغم من ذلك تتطلّب وقتًا ومساحةً أكبر من القرص لإعدادها وتثبيتها. | ||
| − | * [[React/add react to a new app|إضافة React إلى تطبيق جديد]] | + | |
| − | * [[React/add react to an existing app|إضافة React إلى تطبيق موجود]] | + | == انظر أيضًا == |
| + | * [[React/try react|تجربة React]]. | ||
| + | * [[React/add react to a new app|إضافة React إلى تطبيق جديد]]. | ||
| + | * [[React/add react to an existing app|إضافة React إلى تطبيق موجود]]. | ||
| + | * [[React/cdn links|روابط شبكة توزيع المحتوى CDN]]. | ||
== مصادر == | == مصادر == | ||
* [https://reactjs.org/docs/try-react.html صفحة تجربة React في توثيق React الرسمي]. | * [https://reactjs.org/docs/try-react.html صفحة تجربة React في توثيق React الرسمي]. | ||
[[تصنيف:React]] | [[تصنيف:React]] | ||
مراجعة 16:16، 16 سبتمبر 2018
تجربة React مباشرةً على الإنترنت أو إعداد بيئة تطوير محليّة خاصّة بك.
التجربة على الإنترنت
إن كنت مهتمًا بتجربة React والتعامل معها، فبإمكانك استخدام بيئة جاهزة لتجربة الشيفرة على الإنترنت. جرّب مثال "أهلًا بالعالم" (Hello World) على موقع CodePen أو موقع CodeSandbox.
تجربة نموذج مصغر من HTML
إن كنت تُفضِّل استخدام مُحرِّر النصوص الخاص بك، فبإمكانك تحميل ملف HTML هذا وتعديله ومن ثمّ فتحه عن طريق نظام الملفّات المحلّي عبر المتصفّح لديك. يُؤدِّي هذا إلى بطء في تحويل الشّيفرة أثناء زمن التنفيذ لذلك لا تستخدم هذه الطريقة أثناء إنتاجك لمشاريع حقيقيّة.
الخطوات التالية
بداية سريعة
- اذهب إلى قسم "البداية السّريعة" لقراءة مُقدِّمة حول مفاهيم React خطوةً بخطوة.
- جرّب قسم الدّرس التعليمي للحصول على مثال عملي لتعلّم React.
بيئة التطوير الكاملة
تكون الحلول السّهلة السّابقة مُلائمةً لك إن كنت جديدًا على React أو تحاول تجربتها فقط.
عندما تكون مستعدًّا لبناء تطبيقك الأول باستخدام React، فانظر إلى دليل التثبيت بالأسفل. هذه الإعدادات مُصمَّمة لكي تجعلك جاهزًا للإنتاج مع تجربة تطوير رائعة، فهي تتضمّن اكتشاف الأخطاء (linting)، والاختبار، والتحسينات المُضمَّنة. ولكنّها على الرغم من ذلك تتطلّب وقتًا ومساحةً أكبر من القرص لإعدادها وتثبيتها.