- Belt เป็นเครื่องมือ CLI แบบ opinionated ที่ออกแบบมาเพื่อลดการคาดเดาเมื่อต้องเริ่มต้นสร้างแอป React Native ใหม่
- เครื่องมือนี้ตัดสินใจหลายอย่างให้ล่วงหน้าโดยอิงจากแนวปฏิบัติที่ดีและเครื่องมือที่ผ่านการพิสูจน์ในงานจริงมาอย่างยาวนาน
- Belt ยังอยู่ในช่วงเริ่มต้นของการพัฒนาและ API อาจเปลี่ยนแปลงได้ แต่ผู้พัฒนามองว่าพร้อมให้ชุมชนเข้ามาลองใช้งานแล้ว
Belt ตั้งค่าอะไรให้บ้าง?
- เมื่อเริ่มแอปใหม่ด้วย Belt จะมีการตั้งค่าสิ่งต่อไปนี้:
- Expo: ช่วยให้การพัฒนาและทดสอบข้ามแพลตฟอร์มง่ายขึ้น
- ESLint & Prettier: ช่วยให้โค้ดสะอาดและสม่ำเสมอ
- TypeScript: เพิ่มการตรวจสอบแบบสแตติกเพื่อช่วยจับข้อผิดพลาดได้ตั้งแต่เนิ่นๆ
- Jest & React Native Testing Library: มอบพื้นฐานที่แข็งแรงสำหรับการทดสอบแอป
- MSW: จำลอง network request เพื่อทำให้การทดสอบ API ง่ายขึ้น
- React Navigation พร้อมแท็บล่าง: เริ่มต้นระบบนำทางได้ด้วยการตั้งค่าที่ผ่านการพิสูจน์แล้ว
- Tanstack Query สำหรับ REST API: การดึงข้อมูลและแคชที่ทรงพลังสำหรับ REST API โดย Apollo Client สำหรับ GraphQL อยู่ระหว่างเตรียมเพิ่ม
- Redux Toolkit สำหรับสถานะแบบโกลบอล: จะเพิ่มเข้ามาในเร็วๆ นี้เพื่อทำให้การจัดการสถานะทั้งแอปง่ายขึ้น
- นอกจากนี้ยังมีแผนเพิ่มชุดเครื่องมือเสริมแบบเลือกใช้ระหว่างการตั้งค่าโปรเจกต์ เพื่อให้แอปที่สร้างขึ้นเหมาะกับกรณีใช้งานเฉพาะมากขึ้น
- สิ่งนี้ช่วยให้สามารถปรับแอปให้ตรงกับความต้องการเฉพาะได้ตั้งแต่เริ่มต้น
วิธีใช้ Belt
- นักพัฒนาแต่ละคนมีเครื่องมือที่ชอบใช้ และ package manager ก็ไม่ใช่ข้อยกเว้น
- Belt ถูกออกแบบมาให้ทำงานร่วมกับ package manager ที่คุณชอบได้อย่างราบรื่น ไม่ว่าจะเป็น npm, Yarn, pnpm หรือ Bun
- ความยืดหยุ่นนี้ทำให้ยังคงใช้ workflow ที่คุ้นเคยที่สุดได้ พร้อมกับรับประโยชน์จากการตั้งค่าที่เรียบง่ายของ Belt
- หากต้องการสร้างแอป React Native Expo ด้วย Belt ให้รันคำสั่งต่อไปนี้ผ่าน package manager ที่ต้องการ:
# NPM 사용
npx create-belt-app MyApp
# Yarn 사용
npx create-belt-app MyApp --yarn
# pnpm 사용 (실험적)
npx create-belt-app MyApp --pnpm
# Bun 사용 (실험적)
npx create-belt-app MyApp --bun
- เมื่อสร้างโปรเจกต์ด้วย Belt แล้ว ระบบจะเพิ่มจุดต่อยอดที่ช่วยให้ขยายความสามารถของแอปได้ด้วยความพยายามเพียงเล็กน้อย
- ตัวอย่างเช่น หากต้องการเพิ่มฟีเจอร์ push notification, Belt จะช่วยทำให้กระบวนการง่ายขึ้นด้วยการแทรกโค้ดที่จำเป็นสำหรับแสดงการแจ้งเตือนในแอป
- จากนั้นคุณเพียงจัดการการตั้งค่านอกเหนือจากโค้ด เช่น การตั้งค่าบริการแจ้งเตือน ดังตัวอย่างต่อไปนี้:
# Yarn 사용
yarn belt add notifications
# NPM 사용
npx belt add notifications
# PNPM 사용
pnpm belt add notifications
- Belt ช่วยทำให้กระบวนการเริ่มต้นและปรับปรุงแอป React Native เรียบง่ายและเป็นมาตรฐานมากขึ้น ทำให้คุณโฟกัสกับการสร้างแอปเจ๋งๆ ได้โดยไม่ต้องปวดหัวกับการตั้งค่า
ยังไม่มีความคิดเห็น