React Native

React Native

MOBILE

Pengembangan mobile lintas platform dengan React untuk membangun aplikasi native iOS dan Android menggunakan JavaScript/TypeScript. Arsitektur berbasis React dengan komponen native, hot reloading, dan akses API native untuk membuat aplikasi mobile berkinerja tinggi dengan satu codebase.

Apa yang akan Anda pelajari

React modern dengan hooks, Context API, dan komponen fungsional

Komponen native (View, Text, Image, ScrollView, FlatList)

Expo untuk pengembangan cepat dengan alat terintegrasi dan pembaruan OTA

React Navigation untuk navigasi native (Stack, Tab, Drawer)

StyleSheet dan Flexbox untuk styling responsif dan berkinerja tinggi

Manajemen state (Redux Toolkit, Zustand, React Query, Context)

AsyncStorage dan SecureStore untuk persistensi data

Modul native untuk integrasi kode native (Kotlin/Swift)

Pengujian komprehensif (Jest, React Native Testing Library, Detox E2E)

Performa (Hermes engine, lazy loading, optimisasi FlatList)

Topik utama yang harus dikuasai

Konsep terpenting untuk memahami teknologi ini dan berhasil di wawancara

1

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

2

React Native: native bridge, komponen native vs web, threading model

3

Core Components: View, Text, Image, ScrollView, FlatList, SectionList

4

Platform API: Platform.OS, Platform.select, kode khusus platform

5

Styling: StyleSheet, Flexbox layout, Dimensions, desain responsif

6

Navigasi: React Navigation (Stack, Tab, Drawer, navigators bertingkat)

7

Manajemen state: Context API, Redux Toolkit, Zustand, Recoil

8

Operasi async: useEffect, fetch, axios, React Query untuk server state

9

Persistensi: AsyncStorage, SecureStore, react-native-mmkv, SQLite

10

Modul native: membuat modul native, linking library, autolinking

11

Expo vs Bare React Native: kelebihan/kekurangan, prebuild, config plugins

12

Izin: react-native-permissions, meminta izin, penanganan penolakan

13

Animasi: Animated API, Reanimated 2, LayoutAnimation, gestur (Gesture Handler)

14

Networking: fetch, axios, WebSocket, penanganan error, retry logic

15

Form: komponen terkontrol, React Hook Form, validasi (Yup, Zod)

16

Pengujian: unit tests (Jest), tes komponen, E2E (Detox, Maestro)

17

Performa: optimisasi FlatList, useMemo, useCallback, Hermes, Flipper

18

Push notifications: Firebase Cloud Messaging, Expo Notifications, notifikasi lokal

19

Peta dan lokasi: react-native-maps, Geolocation API, lokasi background

20

Build dan deployment: EAS Build, Fastlane, App Store/Play Store, pembaruan OTA