Skip to content

Commit de9ba77

Browse files
committed
Small improvement
1 parent c317705 commit de9ba77

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

content/docs/add-react-to-a-website.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ React صممت ابتداء بأخذ الاعتماد التدريجي في ال
2525

2626
لن تحتاج إلى أية أدوات معقدة أو تثبيت أي شيء. **كل ما تحتاج إليه لإكمال هذا القسم هو اتصال بالإنترنت ودقيقة مستقطعة من وقتك**.
2727

28-
تستطيع تنزيل [المثال التالي كاملًا (بحجم 2 كيلوبايت) )](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip) ولكن الأمر عائد إليك.
28+
تستطيع تنزيل [المثال التالي كاملًا (بحجم 2 كيلوبايت)](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip) ولكن الأمر عائد إليك.
2929

3030
### الخطوة 1: أضف حاوية DOM إلى صفحة HTM {#step-1-add-a-dom-container-to-the-html}
3131

@@ -194,8 +194,8 @@ npx babel --watch src --out-dir . --presets react-app/prod
194194
195195
لا تنتظر انتهاء هذا الأمر لأنَّه لن ينتهي. يبدأ هذا الأمر تشغيل مراقب آلي من أجل JSX.
196196

197-
إن أنشأت الآن مجلدًا باسم `src/like_button.js` مع **[هذه الشيفرة المساعدة](https://cdn.rawgit.com/gaearon/c8e112dc74ac44aac4f673f2c39d19d1/raw/09b951c86c1bf1116af741fa4664511f2f179f0a/like_button.js)**, فسينشئ المراقب الملف `like_button.js` بعد معالجته مع شيفرة جافاسكريبت صرفة تناسب المتصفح. في كل مرة تعدل فيها الملف المصدري مع JSX، ستُجرَى عملية التحويل تلقائيًّا.
197+
إن أنشأت الآن مجلدًا باسم `src/like_button.js` مع **[هذه الشيفرة المساعدة](https://cdn.rawgit.com/gaearon/c8e112dc74ac44aac4f673f2c39d19d1/raw/09b951c86c1bf1116af741fa4664511f2f179f0a/like_button.js)**، فسينشئ المراقب الملف `like_button.js` بعد معالجته مع شيفرة جافاسكريبت صرفة تناسب المتصفح. في كل مرة تعدل فيها الملف المصدري مع JSX، ستُجرَى عملية التحويل تلقائيًّا.
198198

199-
إضافة لذلك، هذا يمكِّنك أيضًا من استعمال ميزات صياغة JavaScript الحديثة مثل الأصناف دون القلق حيال دعم المتصفحات القديمة. الأداة التي استعملناها للتو تدعى "بابل" (Babel)، ويمكنك تعلم المزيد عنها من[توثيقها الرسمي](https://babeljs.io/docs/en/babel-cli/).
199+
إضافة لذلك، هذا يمكِّنك أيضًا من استعمال ميزات صياغة JavaScript الحديثة مثل الأصناف دون القلق حيال دعم المتصفحات القديمة. الأداة التي استعملناها للتو تدعى "بابل" (Babel)، ويمكنك تعلم المزيد عنها من [توثيقها الرسمي](https://babeljs.io/docs/en/babel-cli/).
200200

201201
ن شعرت بالراحة مع أدوات البناء وأردت الاستزادة منها لأداء مزيد من الأمور، يشرح [القسم التالي](/docs/create-a-new-react-app.html) أشهر أدوات البناء (toolchains) وأكثرها فاعلية. إن لم تشعر كذلك، الخطوات السابقة مع الوسوم `<script>` كافية إلى حد ما.

0 commit comments

Comments
 (0)