Bun يدعم ملفات .jsx و .tsx بشكل تلقائي. React يعمل مع Bun بدون أي تكوين إضافي.
أنشئ تطبيق React جديد باستخدام bun init --react. يمنحك هذا قالبًا يحتوي على تطبيق React بسيط وخادم API بسيط معًا في تطبيق كامل الميزات.
bash
# إنشاء تطبيق React جديد
bun init --react
# تشغيل التطبيق في وضع التطوير
bun dev
# البناء كموقع ثابت للإنتاج
bun run build
# تشغيل الخادم في الإنتاج
bun startإعادة التحميل الساخن
شغل bun dev لبدء التطبيق في وضع التطوير. سيبدأ هذا خادم API وتطبيق React مع إعادة التحميل الساخن.
تطبيق كامل الميزات
شغل bun start لبدء خادم API والواجهة الأمامية معًا في عملية واحدة.
موقع ثابت
شغل bun run build لبناء التطبيق كموقع ثابت. سينشئ هذا دليل dist مع التطبيق المجمع وجميع الأصول.
txt
├── src/
│ ├── index.tsx # نقطة دخول الخادم مع مسارات API
│ ├── frontend.tsx # نقطة دخول تطبيق React مع HMR
│ ├── App.tsx # مكون React الرئيسي
│ ├── APITester.tsx # مكون لاختبار نقاط نهاية API
│ ├── index.html # قالب HTML
│ ├── index.css # الأنماط
│ └── *.svg # أصول ثابتة
├── package.json # التبعيات والنصوص
├── tsconfig.json # تكوين TypeScript
├── bunfig.toml # تكوين Bun
└── bun.lock // ملف القفل