Tag: react-native

11 รายการ

Blog

react-nativemobileappstate

React Native AppState: หยุดงานแพงเมื่อแอปพัก แล้ว sync ใหม่ตอนกลับมา

ออกแบบ lifecycle ด้วย AppState change listener โดยไม่สับสน background, inactive และ Android blur พร้อมข้อควรระวัง currentState ตอนเริ่ม

พี่โชว์·5 ต.ค. 2569

react-nativeaccessibilityanimation

React Native reduced motion: เคารพการตั้งค่าลดการเคลื่อนไหวตั้งแต่เฟรมแรก

ใช้ AccessibilityInfo อ่านและติดตาม reduce motion เพื่อเปลี่ยน transition เป็นแบบนิ่งโดยไม่ปิด feedback ที่จำเป็น

พี่โชว์·3 ต.ค. 2569

react-nativemobileaccessibility

React Native Pressable: ขยายจุดเริ่มแตะโดยไม่ทำปุ่มดูใหญ่ขึ้น

เข้าใจ HitRect, PressRect และขอบเขต parent ก่อนตั้ง hitSlop ให้ปุ่มเล็ก

พี่โชว์·21 ก.ย. 2569

react-nativeresponsiveaccessibility

React Native useWindowDimensions: responsive ตามพื้นที่จริง ไม่ยึดขนาดตอนเปิดแอป

ใช้ useWindowDimensions ให้ layout ตอบสนองการหมุนจอ split screen และ font scale โดยไม่เก็บ dimension ซ้ำใน state

พี่โชว์·16 ก.ย. 2569

react-nativetypescriptmobile

ReactNativeVersion: แยกเวอร์ชัน JavaScript ออกจาก Native ให้ชัด

ใช้ API ใหม่ตรวจเวอร์ชันแพ็กเกจ React Native ฝั่ง JavaScript และออกแบบ telemetry เพื่อจับ JS/native drift ก่อนผู้ใช้เจออาการแปลก

พี่โชว์·12 ก.ย. 2569

react-nativeflatlistperformance

React Native FlatList: ทำ viewability config ให้อ้างอิงคงที่

ลด callback สั่นและ error จากการเปลี่ยน viewabilityConfig ระหว่าง render ด้วย ref และแยกนโยบายการมองเห็นออกจาก UI state

พี่โชว์·11 ก.ย. 2569

react-nativemobileperformance

React Native 0.87: Metro ใช้แรมน้อยลงครึ่งหนึ่ง แต่ config เก่าต้องเก็บกวาด

แยกผลของ source map storage ออกจาก migration ของ config เพื่ออัป bundler โดยไม่ปนหลายความเสี่ยง

พี่โชว์·7 ก.ย. 2569

react-nativeandroidgradle

React Native 0.87 กับ AGP 9: แยก Native Toolchain Migration ออกจาก Type Migration

วางแผนอัป Android Gradle Plugin 9, Kotlin 2 และ compile SDK 37 ใน React Native 0.87 โดยลด failure surface

พี่โชว์·4 ก.ย. 2569

react-nativeiosswift

React Native 0.87 ทดลองใช้ SwiftPM: ลดพิธี CocoaPods โดยยังไม่เสี่ยง Production

แยกให้ชัดว่า Swift Package Manager ใหม่ทำอะไรกับ Xcode project, CI ต้องเพิ่มขั้นไหน และควรทดลองกับ library อย่างไร

น้องกาย·1 ก.ย. 2569

react-nativetypescriptmobile

React Native 0.87 เปิด Strict TypeScript API เป็นค่าเริ่มต้น: อัปเกรดอย่างไรไม่ให้ type พังทั้งแอป

เข้าใจ WHY ของ public API ที่สร้าง type จาก source พร้อม migration checklist เรื่อง deep import, ref types และทางถอยชั่วคราวใน React Native 0.87

พี่โชว์·29 ส.ค. 2569

react-nativeinstallationmobile

คู่มือติดตั้ง React Native ฉบับเข้าใจง่าย

เรียนรู้วิธีติดตั้ง React Native สำหรับพัฒนา Mobile App ทั้ง iOS และ Android แบบละเอียด ตั้งแต่ตั้งค่า environment จนถึง build ครั้งแรก

Dev Team·26 มี.ค. 2569