สรุป 5 ขั้นตอน Best Practices ช่วยป้องกัน app lag ใน React Native และ Expo
1. ใช้ TypeScript เพื่อป้องกัน bug หลีกเลี่ยงการใช้ any ให้มากที่สุด ถ้าต้องการข้ามการตรวจ type ให้ใช้ // @ts-expect-error แทน // @ts-ignore
.
2. หลีกเลี่ยง var และใช้ const / let ให้มากที่สุด ใช้ ESM แทน CommonJS เพื่อให้ Expo CLI ทำ tree-shaking ได้ แต่ถ้า require ใช้กับ assets ได้ เพราะไม่จำเป็นต้องทำ tree-shake
.
3. เปิดใช้งาน ESLint plugin ของ React เสมอ ใน Expo สามารถใช้คำสั่ง npx expo lint เพื่อเปิดใช้งาน และ config ESlint ให้อัตโนมัติ
.
4. ใช้ React Compiler มันจะวิเคราะห์ component แล้ว memoize ให้อัตโนมัติ สำหรับ expo ยังอยู่ในเวอร์ชัน beta แต่เปิดใช้ได้
.
5. ใช้ React 19 (Expo 53) เพื่อใช้ประโยชน์จากฟีเจอร์ใหม่ เช่น API use() ใช้แทน useContext() ได้ และสามารถเขียนแบบเงื่อนไข (conditional) ช่วยลดการใช้ hooks ทำให้ยืดหยุ่นมากขึ้น
อ่านเพิ่มเติมได้ที่นี่
https://expo.dev/blog/best-practices-for-reducing-lag-in-expo-apps