Question 1

บทบาทหลักของบริการ crash reporting ในแอปพลิเคชัน React Native คืออะไร?

Accepted Answer

บริการ crash reporting จะดักจับข้อผิดพลาดที่ไม่ได้จัดการ (JavaScript และ native) ที่ทำให้เกิด crash โดยอัตโนมัติ และส่งไปยังเซิร์ฟเวอร์ส่วนกลางเพื่อวิเคราะห์ ซึ่งช่วยให้นักพัฒนาตรวจพบปัญหาใน production ได้โดยไม่ต้องรอ feedback จากผู้ใช้ จัดลำดับความสำคัญของการแก้ไขตามผลกระทบ (จำนวนผู้ใช้ที่ได้รับผลกระทบ) และได้ stack trace ที่ผ่านการ symbolicate เพื่อระบุต้นตอของบั๊กได้อย่างแม่นยำ

Question 2

ความแตกต่างพื้นฐานระหว่าง Sentry และ Firebase Crashlytics สำหรับ React Native คืออะไร?

Accepted Answer

Sentry เป็นแพลตฟอร์มแบบ open-source หลายภาษาที่ออกแบบมาเพื่อดักจับข้อผิดพลาด JavaScript, crash แบบ native และ transaction ด้านประสิทธิภาพในอินเทอร์เฟซแบบรวม Firebase Crashlytics นั้นฟรีแต่เน้นหลักไปที่ crash แบบ native ของ iOS/Android โดยมีการผสานรวมอย่างใกล้ชิดกับระบบนิเวศของ Google Sentry ให้การจัดการข้อผิดพลาด JavaScript และการรองรับ breadcrumbs ที่ดีกว่าใน React Native ในขณะที่ Crashlytics โดดเด่นในการวิเคราะห์ crash แบบ native ล้วน

Question 3

Symbolication ในบริบทของ crash reporting ใน React Native คืออะไร?

Accepted Answer

Symbolication คือกระบวนการแปลงที่อยู่หน่วยความจำที่ถูกทำให้สับสนใน stack trace ให้เป็นชื่อไฟล์ ฟังก์ชัน และหมายเลขบรรทัดที่อ่านได้ ใน production โค้ด JavaScript จะถูก minify และโค้ด native จะถูกคอมไพล์ ทำให้ stack trace อ่านไม่ออก Source map (JavaScript) และไฟล์ dSYM (iOS) หรือ mapping file (Android) ช่วยให้แปลที่อยู่เหล่านี้เป็นข้อมูลที่นำไปใช้ในการ debug ได้

Monitoring & Crash Reporting

บทบาทหลักของบริการ crash reporting ในแอปพลิเคชัน React Native คืออะไร?

คำตอบ

ความแตกต่างพื้นฐานระหว่าง Sentry และ Firebase Crashlytics สำหรับ React Native คืออะไร?

คำตอบ

Symbolication ในบริบทของ crash reporting ใน React Native คืออะไร?

คำตอบ

ทำไมการอัปโหลด source map ในแต่ละ release ของ React Native จึงจำเป็น?

Breadcrumbs ในระบบ crash reporting คืออะไร?

หัวข้อสัมภาษณ์ 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 และการแชร์โค้ด

หัวข้อขั้นสูง

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

การยืนยันตัวตนและการจัดการเซสชัน

เชี่ยวชาญ React Native สำหรับการสัมภาษณ์ครั้งถัดไป