การ Debug React Native
Flipper, React DevTools, Metro bundler, console.log, breakpoints, performance monitoring
1บทบาทหลักของ Metro ในโปรเจกต์ React Native คืออะไร?
บทบาทหลักของ Metro ในโปรเจกต์ React Native คืออะไร?
คำตอบ
Metro คือ JavaScript bundler ของ React Native ที่คอมไพล์และรวมโค้ด JavaScript เป็นไฟล์เดียวสำหรับแอปพลิเคชัน นอกจากนี้ยังจัดการ Hot Module Replacement (HMR) ในระหว่างการพัฒนา ทำให้เห็นการเปลี่ยนแปลงได้ทันทีโดยไม่ต้องรีสตาร์ทแอป Metro แปลงโค้ด ES6+, TypeScript และ JSX เป็น JavaScript ที่เข้ากันได้กับ JavaScript engine ของอุปกรณ์
2คำสั่งใดที่เปิดเมนูสำหรับนักพัฒนาบนอีมูเลเตอร์ Android?
คำสั่งใดที่เปิดเมนูสำหรับนักพัฒนาบนอีมูเลเตอร์ Android?
คำตอบ
บนอีมูเลเตอร์ Android การกด Ctrl+M (หรือ Cmd+M บน Mac) จะเปิดเมนูสำหรับนักพัฒนาของ React Native เมนูนี้ให้เข้าถึงตัวเลือกต่าง ๆ เช่น การรีโหลดแอป การเปิด Remote Debugging การตรวจสอบ element ด้วย React DevTools และการสลับ Performance Monitor บนอุปกรณ์จริง การเขย่าอุปกรณ์ก็เปิดเมนูนี้ได้เช่นกัน
3Flipper คืออะไรและข้อได้เปรียบหลักของมันสำหรับการ debug React Native คืออะไร?
Flipper คืออะไรและข้อได้เปรียบหลักของมันสำหรับการ debug React Native คืออะไร?
คำตอบ
Flipper เป็นแพลตฟอร์ม debug บนเดสก์ท็อปที่พัฒนาโดย Meta ซึ่งช่วยให้ตรวจสอบแอปพลิเคชัน React Native ได้โดยไม่ต้องใช้ Chrome bridge ข้อได้เปรียบหลักคือการมีอินเทอร์เฟซแบบรวมศูนย์เพื่อ debug ทั้งโค้ด JavaScript และโค้ด native ของ iOS/Android Flipper รองรับปลั๊กอินสำหรับ network inspector, log, layout inspector, ฐานข้อมูล และอนุญาตให้เพิ่มปลั๊กอินแบบกำหนดเองได้
ความแตกต่างระหว่าง console.log และ console.warn ใน React Native คืออะไร?
จะเปิดใช้งาน React DevTools เพื่อตรวจสอบลำดับชั้นของ component ใน React Native ได้อย่างไร?
+15 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ React Native อื่นๆ
พื้นฐาน JavaScript
พื้นฐาน React
พื้นฐาน React Native
React Hooks
TypeScript สำหรับ React และ React Native
คอมโพเนนต์และ API ของ React Native
การจัดสไตล์และเลย์เอาต์ใน React Native
การนำทางใน React Native
การจัดการ State ใน React Native
Networking และ API ใน React Native
การคงอยู่ของข้อมูล
ฟอร์มและการตรวจสอบความถูกต้อง
แอนิเมชัน React Native
Native Modules & Bridge
โค้ดเฉพาะแพลตฟอร์ม
สิทธิ์และ Device API
Push Notifications
การทดสอบ React Native
Build & Deployment
Expo vs React Native Bare
การเพิ่มประสิทธิภาพ
การจัดการหน่วยความจำ
Architecture Patterns
React Native New Architecture
แนวทางปฏิบัติที่ดีที่สุดด้านความปลอดภัย
Offline-First Architecture
CI/CD React Native
Monorepo และการแชร์โค้ด
หัวข้อขั้นสูง
วงจรชีวิตแอปและการทำงานเบื้องหลัง
การยืนยันตัวตนและการจัดการเซสชัน
Monitoring & Crash Reporting
เชี่ยวชาญ React Native สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี