React Native

React Native

MOBILE

Sviluppo mobile multipiattaforma con React per costruire app native iOS e Android usando JavaScript/TypeScript. Architettura basata su React con componenti nativi, hot reloading e accesso alle API native per creare applicazioni mobili performanti con un unico codebase.

Cosa imparerai

React moderno con hook, Context API e componenti funzionali

Componenti nativi (View, Text, Image, ScrollView, FlatList)

Expo per sviluppo rapido con strumenti integrati e aggiornamenti OTA

React Navigation per navigazione nativa (Stack, Tab, Drawer)

StyleSheet e Flexbox per styling responsive e performante

Gestione dello stato (Redux Toolkit, Zustand, React Query, Context)

AsyncStorage e SecureStore per la persistenza dei dati

Moduli nativi per l'integrazione di codice nativo (Kotlin/Swift)

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

Performance (motore Hermes, lazy loading, ottimizzazione FlatList)

Argomenti chiave da padroneggiare

I concetti più importanti per comprendere questa tecnologia e superare i colloqui

1

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

2

React Native: bridge nativo, componenti nativi vs web, modello di threading

3

Componenti core: View, Text, Image, ScrollView, FlatList, SectionList

4

Platform API: Platform.OS, Platform.select, codice specifico per piattaforma

5

Styling: StyleSheet, layout Flexbox, Dimensions, design responsive

6

Navigazione: React Navigation (Stack, Tab, Drawer, navigatori annidati)

7

Gestione dello stato: Context API, Redux Toolkit, Zustand, Recoil

8

Operazioni async: useEffect, fetch, axios, React Query per lo stato server

9

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

10

Moduli nativi: creazione moduli nativi, collegamento librerie, autolinking

11

Expo vs Bare React Native: pro/contro, prebuild, plugin di configurazione

12

Permessi: react-native-permissions, richiesta permessi, gestione dei rifiuti

13

Animazioni: Animated API, Reanimated 2, LayoutAnimation, gesture (Gesture Handler)

14

Networking: fetch, axios, WebSocket, gestione errori, logica di retry

15

Form: componenti controllati, React Hook Form, validazione (Yup, Zod)

16

Testing: test unitari (Jest), test componenti, E2E (Detox, Maestro)

17

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

18

Notifiche push: Firebase Cloud Messaging, Expo Notifications, notifiche locali

19

Mappe e localizzazione: react-native-maps, Geolocation API, localizzazione in background

20

Build e distribuzione: EAS Build, Fastlane, App Store/Play Store, aggiornamenti OTA