4: تجهيز بيئة العمل و إنشاء مشروع React جديد
ฝัง
- เผยแพร่เมื่อ 14 ต.ค. 2024
- 4: تجهيز بيئة العمل و إنشاء مشروع React جديد
ملاحظة تخص أمر create-react-app:
في الفيديو أعلاه قمت باستخدام أمر:
npx create-react-app name
حتى أقوم بإنشاء مشروع رياكت جديد، و أود التنويه أن النسخة الأخيرة من التوثيق الجديد الخاص برياكت لم تعد تتضمن هذا الأمر.
و هناك عدة أسباب لذلك: أحدها هو دعم رياكت (شبه الرسمي) لإطار عمل يعرف ب:
Next JS
و ذلك بسبب تقارب الأفكار الجديدة التي تعمل رياكت عليها و على رأسها ما يعرف ب:
Server Components
و مع ذلك.. ما يزال الأمر المذكور أعلاه يعمل و ما زال يمثل - بالنسبة لي - الطريقة الأمثل للمبتدئ في رياكت حتى يتسنى له تعلم رياكت و أساسياتها بدون أي إضافات أخرى قد تشوش من عملية التعلم. و من ثم يمكن تعلم أطر العمل مثل
Next JS.
لكن بعد بناء أساس صلب في رياكت.
و في النهاية الفرق في ال command فقط سيأثر على ملفات المشروع و انما المفاهيم هي نفسها دون تغيير و هي نفسها التي ستحتاج لتعلمها في الحالتين.
========================
لا تتردد في كتابة الاستفسارات حول هذا المقطع في جروب مجتمع ترميز في التيليجرام أو في خانة التعليقات.
🟡 رابط السلسلة كاملة:
www.udemy.com/...
🟢 كامل أكواد السلسلة تجدها هنا:
github.com/Yar...
🔵 للانضمام لمجتمع React في تيليجرام:
t.me/tarmeezReact
🔵 للانضمام لمجتمع ترميز في التيليجرام:
t.me/tarmeezCo...
==========================
و للاستفسارات البرمجية الأخرى، يمكنك سؤالي في حسابي بتويتر:
/ yarhmm
ملاحظة تخص أمر create-react-app:
في الفيديو أعلاه قمت باستخدام أمر:
npx create-react-app
حتى أقوم بإنشاء مشروع رياكت جديد، و أود التنويه أن النسخة الأخيرة من التوثيق الجديد الخاص برياكت لم تعد تتضمن هذا الأمر.
و هناك عدة أسباب لذلك: أحدها هو دعم رياكت (شبه الرسمي) لإطار عمل يعرف ب:
Next JS
و ذلك بسبب تقارب الأفكار الجديدة التي تعمل رياكت عليها و على رأسها ما يعرف ب:
Server Components
و مع ذلك.. ما يزال الأمر المذكور أعلاه يعمل و ما زال يمثل - بالنسبة لي - الطريقة الأمثل للمبتدئ في رياكت حتى يتسنى له تعلم رياكت و أساسياتها بدون أي إضافات أخرى قد تشوش من عملية التعلم. و من ثم يمكن تعلم أطر العمل مثل
Next JS.
لكن بعد بناء أساس صلب في رياكت.
و في النهاية الفرق في ال command فقط سيأثر على ملفات المشروع و انما المفاهيم هي نفسها دون تغيير و هي نفسها التي ستحتاج لتعلمها في الحالتين.
ok thank you too much
أخي يعرب ... أول شيء شكراً جزيلاً على تعبك .... الشيء الثاني على موقع react ما عاد موجود الكلام الي موجود بالدرس ومو مقترحين node.js بل مقترحين next.js المشكلة بالنسبة إلي ماني فاهم نزل node.js من موقعها الرسمي واشتغل عادي ولا نزل next.js وهل لازم شوف الكورسات الخاصة فيهم لإفهم؟
the same problem
lمشي الحال معاك ؟؟
ول شيء شكراً جزيلاً على تعبك .... الشيء الثاني على موقع react ما عاد موجود الكلام الي موجود بالدرس
شكرا لكل من ساهم في النشر و دعم القناة..
🟢 كامل أكواد السلسلة تجدها هنا:
github.com/Yarob50/Tarmeez-React-Course
🟡 رابط السلسلة كاملة:
www.udemy.com/course/tarmeezacademy-react
السلام عليكم ورحمة الله وبركاته استاذ
انا خلصت كورس جافا سكريبت المتقدم والمشروع الختامي وعملتك #أكاديمية_ترميز على تويتر ولسة ماحصلت على كورس رياكت على يوديمي
استاذي لو سمحت ابغى رابط تحميل terminal
انا مش فاهمة حاجة من الفيديو ده ، اصلأ علي موقع ريأكت مفيش node.js
ولا انا والله , فكرت ان انا الوحيد الي مش فاهم
لما اكتب npx create-react-app my-react-app يطلعلي خطء شو السبب
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\usr
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\usr'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found in: C:\Users\Lenovo\AppData\Local
pm-cache\_logs\2024-01-23T09_34_25_170Z-debug-0.log مثل هاد
أنسخ هدا erreur ل chat GPT و هوا سيعطيك اللحل طريقة بتظبط معي 😊
ابحث عن طرق اخرى غير الnpx
@@mohamed_dwr1432+1😢😢
نفس المشكلة اللي واجهتني الحل انك تكتب اول شي
npm install -g create-react-app
بعده اكتب
npx create-react-app first-react-app
شو الاضافة يلي على ال terminal
ملاحظة تخص أمر create-react-app:
في الفيديو أعلاه قمت باستخدام أمر:
npx create-react-app
حتى أقوم بإنشاء مشروع رياكت جديد، و أود التنويه أن النسخة الأخيرة من التوثيق الجديد الخاص برياكت لم تعد تتضمن هذا الأمر.
و هناك عدة أسباب لذلك: أحدها هو دعم رياكت (شبه الرسمي) لإطار عمل يعرف ب:
Next JS
و ذلك بسبب تقارب الأفكار الجديدة التي تعمل رياكت عليها و على رأسها ما يعرف ب:
Server Components
و مع ذلك.. ما يزال الأمر المذكور أعلاه يعمل و ما زال يمثل - بالنسبة لي - الطريقة الأمثل للمبتدئ في رياكت حتى يتسنى له تعلم رياكت و أساسياتها بدون أي إضافات أخرى قد تشوش من عملية التعلم. و من ثم يمكن تعلم أطر العمل مثل
Next JS.
لكن بعد بناء أساس صلب في رياكت.
و في النهاية الفرق في ال command فقط سيأثر على ملفات المشروع و انما المفاهيم هي نفسها دون تغيير و هي نفسها التي ستحتاج لتعلمها في الحالتين.
الDocumentation إلي أنت بتشرح منه غير موجود وفيه كلام تاني خالص على الويب بتاع الريئاكت سلسلة غير مفيدة بالمرة🥵🥵🥵🥵
ملاحظة تخص أمر create-react-app:
في الفيديو أعلاه قمت باستخدام أمر:
npx create-react-app
حتى أقوم بإنشاء مشروع رياكت جديد، و أود التنويه أن النسخة الأخيرة من التوثيق الجديد الخاص برياكت لم تعد تتضمن هذا الأمر.
و هناك عدة أسباب لذلك: أحدها هو دعم رياكت (شبه الرسمي) لإطار عمل يعرف ب:
Next JS
و ذلك بسبب تقارب الأفكار الجديدة التي تعمل رياكت عليها و على رأسها ما يعرف ب:
Server Components
و مع ذلك.. ما يزال الأمر المذكور أعلاه يعمل و ما زال يمثل - بالنسبة لي - الطريقة الأمثل للمبتدئ في رياكت حتى يتسنى له تعلم رياكت و أساسياتها بدون أي إضافات أخرى قد تشوش من عملية التعلم. و من ثم يمكن تعلم أطر العمل مثل
Next JS.
لكن بعد بناء أساس صلب في رياكت.
و في النهاية الفرق في ال command فقط سيأثر على ملفات المشروع و انما المفاهيم هي نفسها دون تغيير و هي نفسها التي ستحتاج لتعلمها في الحالتين.
يعني انت تفهم افضل منو؟ اتفضل علمنا
لو تعبت حالك شوي يا اخي كان لقيت اللي بيشرح فيه ، صفحة Getting Started يوجد مستطيل احمر ، اختر عبارة Quick Start
بالعكس سلسلة رائعة ولما توصل للكورسات المدفوعة راح تشوف الابداع
بيديني ايرور
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\Ashra\AppData\Roaming
pm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\Ashra\AppData\Roaming
pm'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
حتا انا
اذا لقيت الحل ياريت تفيدني💚
@@تحسينالبصراوي-ه3ع
npm install -g create-react-app
بعده اكتب
npx create-react-app first-react-app
بسبب الانترنت ضعيف
@@تحسينالبصراوي-ه3علقيت الحل ؟