หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

หม้อต้มและสตาร์ทเตอร์สำหรับ React Native, Expo, NativeWind และ TypeScript

ตอบสนองเทมเพลตเริ่มต้นพื้นเมือง

หม้อต้มและสตาร์ทเตอร์สำหรับ React Native, Expo, NativeWind และ TypeScript ⚡ทำด้วยประสบการณ์นักพัฒนาก่อน: React Native, Expo, typetscript, eslint, prettier, husky, lint stage, jest, detox, vscode, nativewind

คุณสมบัติ

ประสบการณ์นักพัฒนาก่อน:

  • ⚡ Expo สำหรับการพัฒนามือถือ
  • ⚛ตอบสนองดั้งเดิมสำหรับการสร้างแอพดั้งเดิมโดยใช้ React
  • ประเภทการตรวจสอบ typescript
  • - รวมเข้ากับ NativeWind, Tailwind CSS สำหรับ React Native
  • - การกำหนดเส้นทางตามไฟล์ด้วยเราเตอร์ Expo
  • - linter กับ eslint
  • - ฟอร์แมตรหัสด้วยสวยกว่า
  • - ฮัสกี้สำหรับ git hooks
  • ชุดผ้าสำลีสำหรับเรียกใช้ linters บนไฟล์ที่จัดฉาก GIT
  • - การทดสอบหน่วยด้วย jest และ react testing library
  • - การทดสอบ E2E กับดีท็อกซ์
  • การนำเข้าแบบสัมบูรณ์โดยใช้ @ คำนำหน้า
  • - การกำหนดค่า VSCODE: การตั้งค่างานและส่วนขยายสำหรับ postcss, eslint, prettier, typescript, jest

Nextless.js Saas Boilerplate

สร้างผลิตภัณฑ์ SaaS ของคุณได้เร็วขึ้นด้วย React SaaS Boilerplate

ความต้องการ

  • node.js 14+ และ npm
  • iOS Simulator
  • Android Studio Emulator

เริ่มต้น

เรียกใช้คำสั่งต่อไปนี้ในสภาพแวดล้อมท้องถิ่นของคุณ: 

git clone --depth=1 https://github.com/ixartz/React-Native-Boilerplate.git my-project-name
cd my-project-name
npm install

จากนั้นคุณสามารถทำงานในท้องถิ่นในโหมดการพัฒนาด้วยการโหลดสด: 

npm run dev:ios
# Or
npm run dev:android

สิ่งนี้จะเปิดแอพใน iOS Simulator หรือ Android Emulator

การทดสอบ

การทดสอบเป็นส่วนสำคัญของกระบวนการพัฒนาและมักจะเป็นสิ่งที่ถูกทอดทิ้ง รหัสเริ่มต้นนี้มาพร้อมกับความตลกขบขันและการตอบสนองการทดสอบไลบรารีสำหรับการทดสอบหน่วยและดีท็อกซ์สำหรับการทดสอบ E2E

การทดสอบหน่วย

ในการรันการทดสอบหน่วยให้เรียกใช้คำสั่งต่อไปนี้: 

npm run test

การทดสอบ E2E

ในการเรียกใช้การทดสอบ E2E คุณต้องเรียกใช้คำสั่งต่อไปนี้ก่อน: 

npm run e2e:prepare # Only need to run once

จากนั้นคุณสามารถเรียกใช้คำสั่งต่อไปนี้เพื่อเรียกใช้การทดสอบ E2E: 

npm run e2e:ios
# Or
npm run e2e:android

ข้อมูล VSCODE (ไม่บังคับ)

หากคุณเป็นผู้ใช้ VSCODE คุณสามารถรวมเข้ากับ VSCODE ได้ดีขึ้นโดยการติดตั้งส่วนขยายที่แนะนำใน .vscode/extension.json รหัสเริ่มต้นมาพร้อมกับการตั้งค่าสำหรับการรวมที่ไร้รอยต่อกับ VSCODE การกำหนดค่าการดีบักยังมีไว้สำหรับประสบการณ์การดีบักส่วนหน้าและแบ็กเอนด์

ด้วยปลั๊กอินที่ติดตั้งบน vscode ของคุณ Eslint และ Prettier สามารถแก้ไขรหัสโดยอัตโนมัติและแสดงข้อผิดพลาดให้คุณได้ แบบเดียวกันสำหรับการทดสอบคุณสามารถติดตั้งส่วนขยาย VSCODE JEST เพื่อเรียกใช้การทดสอบของคุณโดยอัตโนมัติและยังแสดงการครอบคลุมรหัสในบริบท

เคล็ดลับ PRO: หากคุณต้องการการตรวจสอบประเภทของโครงการที่มี typeScript คุณสามารถเรียกใช้งานบิลด์ด้วย CMD + Shift + B บน Mac

ผลงาน

ทุกคนยินดีที่จะมีส่วนร่วมในโครงการนี้ อย่าลังเลที่จะเปิดปัญหาหากคุณมีคำถามหรือพบข้อผิดพลาด เปิดกว้างสำหรับคำแนะนำและการปรับปรุงใด ๆ

ใบอนุญาต

ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT ลิขสิทธิ์© 2023

ดูใบอนุญาตสำหรับข้อมูลเพิ่มเติม

ทำด้วย♥โดย creativedesignsguru

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด