كيفية إنشاء أول تطبيق React لك
React هي مكتبة JavaScript شائعة لبناء واجهات المستخدم. يستخدم هذا الشرح Vite، وهي مجموعة أدوات حديثة وسريعة. يجب تثبيت Node.js أولًا.
1. إنشاء مشروع React جديد باستخدام Vite
npm create vite@latest my-app -- --template react
cd my-app
npm install2. تشغيل سيرفر التطوير
npm run devافتح عنوان URL الذي يظهر أمامك (عادةً http://localhost:5173) لترى تطبيقك مع ميزة إعادة التحميل الفوري (hot reload).
3. تعديل أول مكوّن لك
// src/App.jsx
function App() {
return <h1>Hello, Cloudesta!</h1>;
}
export default App;4. البناء لبيئة الإنتاج
npm run buildتظهر الملفات الثابتة المُحسَّنة في المجلد dist/ — ارفعها إلى أي استضافة ويب أو قدّمها باستخدام Nginx.
