Question 1

AppState.currentState ใน React Native คืนค่าสถานะที่เป็นไปได้สามอย่างใดบ้าง?

Accepted Answer

AppState.currentState คืนค่าหนึ่งในสามสถานะ: 'active' (แอปอยู่เบื้องหน้าและโต้ตอบได้), 'background' (แอปอยู่เบื้องหลังแต่อาจยังทำงานอยู่) และ 'inactive' (สถานะการเปลี่ยนผ่านบน iOS เช่น เมื่อแสดงมุมมองมัลติทาสกิ้ง) บน Android สถานะ 'inactive' พบได้ยากเนื่องจากการเปลี่ยนผ่านเกิดขึ้นโดยตรงระหว่าง 'active' และ 'background'

Question 2

ควรใช้เมธอดใดในการฟังการเปลี่ยนแปลงสถานะของแอปพลิเคชันด้วย AppState?

Accepted Answer

เมธอด AppState.addEventListener('change', callback) ช่วยให้สามารถฟังการเปลี่ยนแปลงสถานะของแอปพลิเคชันได้ callback จะรับสถานะใหม่ ('active', 'background' หรือ 'inactive') เป็นพารามิเตอร์ สิ่งสำคัญคือต้องลบ listener ด้วยเมธอด remove() ที่ addEventListener คืนค่ามาในระหว่างการ cleanup เพื่อหลีกเลี่ยงการรั่วไหลของหน่วยความจำ

Question 3

สถานะ 'inactive' มักเกิดขึ้นเมื่อใดบน iOS?

Accepted Answer

สถานะ 'inactive' บน iOS เกิดขึ้นระหว่างการเปลี่ยนผ่านสั้น ๆ เช่น เมื่อแสดง control center, notification center, หน้าจอมัลติทาสก์ (แตะ Home สองครั้ง) หรือระหว่างมีสายเรียกเข้า เป็นสถานะกึ่งกลางที่แอปมองเห็นได้แต่ไม่สามารถโต้ตอบได้ บน Android สถานะนี้แทบไม่พบเห็นเพราะการเปลี่ยนระหว่าง 'active' และ 'background' เป็นไปโดยตรง

วงจรชีวิตแอปและการทำงานเบื้องหลัง

AppState.currentState ใน React Native คืนค่าสถานะที่เป็นไปได้สามอย่างใดบ้าง?

คำตอบ

ควรใช้เมธอดใดในการฟังการเปลี่ยนแปลงสถานะของแอปพลิเคชันด้วย AppState?

คำตอบ

สถานะ 'inactive' มักเกิดขึ้นเมื่อใดบน iOS?

คำตอบ

จะใช้งาน listener ของ AppState ภายใน useEffect อย่างถูกต้องได้อย่างไร?

Headless JS Task ใน React Native คืออะไร?

หัวข้อสัมภาษณ์ 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

การ Debug 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 สำหรับการสัมภาษณ์ครั้งถัดไป