React Native

React Native

MOBILE

Développement mobile cross-platform avec React pour créer des applications iOS et Android natives avec JavaScript/TypeScript. Architecture basée sur React avec composants natifs, hot reloading, et accès aux APIs natives pour créer des applications mobiles performantes avec une seule codebase.

Ce que tu vas apprendre

React moderne avec hooks, Context API et functional components

Composants natifs (View, Text, Image, ScrollView, FlatList)

Expo pour développement rapide avec outils intégrés et OTA updates

React Navigation pour navigation native (Stack, Tab, Drawer)

StyleSheet et Flexbox pour styling responsive et performant

State management (Redux Toolkit, Zustand, React Query, Context)

AsyncStorage et SecureStore pour persistance de données

Native modules pour intégration code natif (Kotlin/Swift)

Testing complet (Jest, React Native Testing Library, Detox E2E)

Performance (Hermes engine, lazy loading, FlatList optimization)

Sujets clés à maîtriser

Les concepts les plus importants pour comprendre cette techno et réussir tes entretiens

1

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

2

React Native : bridge natif, composants natifs vs web, threading model

3

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

4

Platform API : Platform.OS, Platform.select, platform-specific code

5

Styling : StyleSheet, Flexbox layout, Dimensions, responsive design

6

Navigation : React Navigation (Stack, Tab, Drawer, nested navigators)

7

State management : Context API, Redux Toolkit, Zustand, Recoil

8

Async operations : useEffect, fetch, axios, React Query pour server state

9

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

10

Native modules : créer des modules natifs, linking libraries, autolinking

11

Expo vs Bare React Native : avantages/inconvénients, prebuild, config plugins

12

Permissions : react-native-permissions, requesting permissions, handling denials

13

Animations : Animated API, Reanimated 2, LayoutAnimation, gestures (Gesture Handler)

14

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

15

Forms : controlled components, React Hook Form, validation (Yup, Zod)

16

Testing : unit tests (Jest), component tests, E2E (Detox, Maestro)

17

Performance : FlatList optimization, useMemo, useCallback, Hermes, Flipper

18

Push notifications : Firebase Cloud Messaging, Expo Notifications, local notifications

19

Maps et location : react-native-maps, Geolocation API, background location

20

Build et déploiement : EAS Build, Fastlane, App Store/Play Store, OTA updates