Corso React-Native
Corso React-Native
React Native è un framework sviluppato dal Lab Facebook per lo sviluppo mobile cross-platform. E’ basato su Javascript e ha lo stesso design di React.
La particolarità di React Native è che non sviluppa applicazioni ibride o HTML5. React Native costruisce “reali” app mobile utilizzando le stesse UI blocks (User Interface) native di iOS e Android. Programmando ovviamente una volta sola con Javascript e React.
Sono sviluppate con React Native le applicazioni mobile di molte grandi aziende come Facebook, Istagram, AirBnB, Walmart, Adidas, UberEats, Tesla e molte altre.
Il corso React Native è pensato per sviluppatori e team IT che desiderano acquisire competenze pratiche nello sviluppo mobile cross-platform moderno, utilizzando il framework più adottato per applicazioni ibride ad alte prestazioni.
Attraverso lezioni in classe virtuale interattiva con docente in diretta, i partecipanti imparano a progettare, sviluppare e pubblicare app iOS e Android con un unico codice JavaScript/TypeScript, sfruttando la potenza dell’ecosistema React e le più recenti innovazioni introdotte dalla New Architecture (Fabric, TurboModules, JSI).
Il corso alterna sessioni teoriche e laboratori pratici, con esempi reali, best practice e strumenti professionali per la gestione, il testing e la distribuzione delle app mobile.
A chi si rivolge
- Sviluppatori JavaScript/React che vogliono estendere le proprie competenze al mobile.
- Team IT aziendali che desiderano creare app interne o commerciali multipiattaforma.
- Aziende che intendono aggiornarsi sulla nuova architettura React Native e sulle moderne pipeline CI/CD.
Un livello base di conoscenza di React e JavaScript ES6 è consigliato per seguire efficacemente il corso.
Al termine del percorso, i partecipanti saranno in grado di:
- Creare un progetto React Native moderno da zero (con Expo o CLI).
- Sviluppare interfacce responsive e fluide per iOS e Android.
- Integrare componenti nativi e API di sistema (fotocamera, geolocalizzazione, sensori).
- Gestire navigazione, stato globale e dati remoti in modo efficiente.
- Implementare animazioni e gesture complesse.
- Effettuare testing, debug e ottimizzazione delle performance.
- Compilare, firmare e pubblicare un’app sugli store, gestendo aggiornamenti OTA.
Corso-React-Native erogato anche in modalità Online-Classe Virtuale.
Obiettivo: fornire una solida base teorica che permetta di inquadrare architetturalmente il framework e dare conoscenze pratiche che permettano allo sviluppatore di muoversi con indipendenza in un progetto React Native. Ogni giornata è organizzata con lezioni teoriche di inquadramento degli argomenti ed esercitazioni guidate studiate ad hoc che si pongono l’obiettivo di portare ogni sviluppatore verso l’autonomia nello sviluppo di App mobile
Requisiti: corso rivolto a sviluppatori front-end. Necessarie basi di Javascript, HTML,
CSS, concetti di programmazione ad oggetti, protocollo http (utili ma non indispensabili conoscenze sullo sviluppo moble nativo)
Consigliabile seguire con un Mac Apple specialmente per il deploy e pubblicazione per l’APP iOS
Corso React-Native erogato solo su richiesta e per le aziende. Modalità virtual classroom online o frontale.
Vuoi essere ricontattato?
Lasciaci il tuo numero telefonico e la tua email, ti richiameremo nelle 24h:
Programma didattico (32 ore)
-
Cos’è React Native oggi: panorama, casi d’uso
-
Evoluzione del framework, New Architecture (Fabric, TurboModules, JSI)
-
Pro e contro attuali|; Fondamenta React + ES6 / TypeScript
-
Ripasso React (JSX, props, state, lifecycle / hooks)
-
ES6 / ESNext: arrow, destructuring, async/await, spread/rest
-
Introduzione a TypeScript: tipi base, interfacce, tipi sul componente
-
Import/export, moduli, gestione pacchetti (npm, yarn)
-
Setup progetto React Native moderno
-
Scelta: Expo vs React Native CLI / bare workflow / prebuild
-
Creazione progetto (con template moderno), struttura, comandi base
-
Build / run su emulatori e dispositivi, differenze Android / iOS
-
Layout, styling e responsive design
-
Stili in RN (StyleSheet, inline, oggetti JS)
-
Nuove proprietà CSS supportate (display, boxSizing…) reactnative.dev
-
Flexbox, dimensionamento, PixelRatio, safe area, orientamento
-
CSS-in-JS / librerie di styling moderne (styled-components, tailwind-rn, Restyle)
-
Componenti native e lista dati
-
Componenti core: View, Text, Image, Pressable / Touchable, TextInput, ScrollView
-
ListView / FlatList / SectionList, ottimizzazioni (keyExtractor, memoization)
-
Platform-specific components e conditional rendering
-
Accesso a funzionalità native
-
Moduli nativi e binding (TurboModules / Codegen concetti)
-
Uso di API: posizione (Geolocation), fotocamera, mappe (react-native-maps), sensori
-
Gestione permessi, lifecycle specifici
-
Gesture ed animazioni
-
PanResponder, Gesture Handler (react-native-gesture-handler)
-
Reanimated v3: concetti, animazioni sul thread UI
-
Animazioni complesse, interpolazioni, transizioni
-
Navigazione e stati globali
-
React Navigation (stack, tab, drawer, nested) – versione corrente e migrazioni
-
Gestione parametri, navigazione condizionale, deep linking
-
Stato globale moderno: Redux Toolkit + Redux, confronto con alternative
Fetching, caching e logica dati -
Fetch / Axios / fetch abstractions
-
Gestione dello stato remoto con RTK Query o React Query
-
Persistenza locale: AsyncStorage, MMKV, Secure Storage
-
Testing, debug e qualità
-
Jest + React Native Testing Library
-
Debug con Flipper, profiling performance, strumenti di log e crash
-
ESLint, Prettier, pipeline di qualità del codice
-
Build, distribuzione e aggiornamenti OTA
-
Build Android / iOS (gradle, Xcode, signing)
-
Expo EAS Build / Submit (se si usa Expo)
-
Aggiornamenti OTA (CodePush o sistemi analoghi)
-
CI/CD di base (GitHub Actions, Bitrise, etc.)
-
Esercizio integrato finale
-
Preparazione per pubblicazione su App Store / Play Store