React Native

React Native

MOBILE

การพัฒนามือถือข้ามแพลตฟอร์มด้วย React เพื่อสร้างแอป native iOS และ Android โดยใช้ JavaScript/TypeScript สถาปัตยกรรมที่อิงจาก React ด้วย component native, hot reloading และการเข้าถึง API แบบ native เพื่อสร้างแอปมือถือประสิทธิภาพสูงด้วย codebase เดียว

สิ่งที่คุณจะได้เรียนรู้

React สมัยใหม่ พร้อม hook, Context API และ functional component

Component แบบ native (View, Text, Image, ScrollView, FlatList)

Expo สำหรับการพัฒนาที่รวดเร็วพร้อมเครื่องมือในตัวและการอัปเดต OTA

React Navigation สำหรับการนำทางแบบ native (Stack, Tab, Drawer)

StyleSheet และ Flexbox สำหรับการจัดสไตล์ที่ responsive และมีประสิทธิภาพ

การจัดการสถานะ (Redux Toolkit, Zustand, React Query, Context)

AsyncStorage และ SecureStore สำหรับการจัดเก็บข้อมูลถาวร

Module แบบ native สำหรับการเชื่อมต่อโค้ด native (Kotlin/Swift)

การทดสอบอย่างครอบคลุม (Jest, React Native Testing Library, Detox E2E)

ประสิทธิภาพ (Hermes engine, lazy loading, เพิ่มประสิทธิภาพ FlatList)

หัวข้อสำคัญที่ต้องเชี่ยวชาญ

แนวคิดที่สำคัญที่สุดเพื่อเข้าใจเทคโนโลยีนี้และประสบความสำเร็จในการสัมภาษณ์

1

React: JSX, Virtual DOM, reconciliation, hook (useState, useEffect, useCallback)

2

React Native: native bridge, component native vs web, โมเดล threading

3

Component หลัก: View, Text, Image, ScrollView, FlatList, SectionList

4

Platform API: Platform.OS, Platform.select, โค้ดเฉพาะแพลตฟอร์ม

5

การจัดสไตล์: StyleSheet, layout Flexbox, Dimensions, การออกแบบ responsive

6

การนำทาง: React Navigation (Stack, Tab, Drawer, navigator ซ้อน)

7

การจัดการสถานะ: Context API, Redux Toolkit, Zustand, Recoil

8

การดำเนินการแบบ async: useEffect, fetch, axios, React Query สำหรับ server state

9

การจัดเก็บ: AsyncStorage, SecureStore, react-native-mmkv, SQLite

10

Module แบบ native: การสร้าง module native, การเชื่อมโยงไลบรารี, autolinking

11

Expo vs Bare React Native: ข้อดี/ข้อเสีย, prebuild, config plugin

12

สิทธิ์: react-native-permissions, การขอสิทธิ์, การจัดการเมื่อถูกปฏิเสธ

13

แอนิเมชัน: Animated API, Reanimated 2, LayoutAnimation, gesture (Gesture Handler)

14

การเชื่อมต่อเครือข่าย: fetch, axios, WebSocket, การจัดการข้อผิดพลาด, ตรรกะการลองใหม่

15

ฟอร์ม: controlled component, React Hook Form, การตรวจสอบ (Yup, Zod)

16

การทดสอบ: unit test (Jest), ทดสอบ component, E2E (Detox, Maestro)

17

ประสิทธิภาพ: เพิ่มประสิทธิภาพ FlatList, useMemo, useCallback, Hermes, Flipper

18

การแจ้งเตือนแบบ push: Firebase Cloud Messaging, Expo Notifications, การแจ้งเตือนในเครื่อง

19

แผนที่และตำแหน่ง: react-native-maps, Geolocation API, ตำแหน่งเบื้องหลัง

20

Build และการ deploy: EAS Build, Fastlane, App Store/Play Store, การอัปเดต OTA

ชาเลนจ์ React Native วันนี้

วันละหนึ่งโค้ด หาบั๊กให้เจอ หรือพิสูจน์ว่าไม่มีบั๊ก

เล่นวันนี้

บทความ React Native ล่าสุด

ค้นพบบทความและคู่มือล่าสุดเกี่ยวกับ React Native

ดูบทความ React Native ทั้งหมด