Vite عبارة عن أدوات بناء حديثة مصممة لتوفير تجربة تطوير سريعة وفعالة، خاصة للتطبيقات المستندة إلى JavaScript مثل React وVue وغيرها.

يركز Vite نفسه بشكل أكبر على سرعة التطوير مع الحد الأدنى من التكوين وأوقات التحميل الأسرع أثناء عملية التطوير. عادةً ما تكون أوقات إنشاء الإنتاج أسرع أيضًا بسبب التحسينات الناتجة عن مجموعة التحديثات

في هذا البرنامج التعليمي، ستتعلم كيفية تثبيت Reactjs مع Vite خطوة بخطوة

الخطوة 1
افتح التطبيق الطرفي الذي لديك، وأنا هنا أستخدم cmder، وانتقل إلى المجلد الذي تريد تثبيت التطبيق فيه

الخطوة 2
لتنفيذ عملية التثبيت يمكنك استخدام "yarn" أو "npm"،
اكتب الأمر التالي في المحطة الطرفية الخاصة بك،

##NPM
npm create vite@latest

##YARN
yarn create vite

استخدم الغزل.

بعد تنفيذ الأمر أعلاه، سيطلب منك إدخال اسم التطبيق الذي تريد إنشاءه، كما هو موضح في الصورة التالية

الخطوة 3
ستظهر لك قائمة؛ استخدم مفاتيح الأسهم للتحرك لأعلى ولأسفل القائمة، وانقر فوق "إدخال" لتحديد الخيار المفضل لديك.
في هذه الخطوة سنختار React

الخطوة 3
ستظهر لك خمسة خيارات للاختيار من بينها، انتقل إلى وحدد
هنا سأختار Typescript SWC

وهذا كل شيء؛ لديك الآن مشروع Vite الخاص بك

الخطوة 4
كما هو موضح في النتائج النهائية في الخطوة 3، يُطلب منك إدخال مجلد التطبيق الذي قمت بإنشائه، وبعد ذلك قم بتشغيل الأمر الذي طُلب منك القيام به

### masuk ke folder aplikasi anda
cd react-vite

### install dependencies
yarn install

الخطوة 5
بعد نجاح كافة العمليات في الخطوة 4، لتشغيل التطبيق، تحتاج إلى تشغيل الأمر التالي

### npm 
npm run dev

### yarn
yarn dev

بعد تشغيل التطبيق بنجاح، يمكنك الوصول إلى التطبيق وفقًا للرابط المعروض في الجهاز

خاتمة:
كما ترى، الأمر ليس صعبًا على الإطلاق، ولا تستغرق العملية بأكملها وقتًا طويلاً حتى تكتمل.

لقد تعلمت الآن بنجاح تثبيت تطبيقات ReactJS باستخدام Vitejs

شكرًا لك