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.
Corso attivabile solo su richiesta on-demand
Corso-React-Native erogato anche in modalità Online-Classe Virtuale.
Corso-React-Native
Obiettivo: formare il discente per lo sviluppo applicazioni mobile cross-platform con React Native
framework
Requisiti: corso rivolto a sviluppatori front-end. Necessarie basi di Javascript, HTML e CSS (utili
ma non indispensabili conoscenze sullo sviluppo moble nativo).
Programma didattico Corso-React-Native (32 ore)
1. Cos’e React Native
• Introduzione
• Perche utilizzare React Native
• Vantaggi e Limitazioni
2. Installazione e confgurazione ambiente di sviluppo ReactJS
• Utilizzo di NPM e Package.json fle
• Yarn
• Text editor e plugins
• create-react-native-app
• Imports
• ES6
• Ternary operator
• Organizzazione codice
• ReactJS Browser Plugin
• Setup simulators (Android and iOS)
• Debug on device and simulator
3. Creazione di una applicazione ReactJS
• JSX
• Render elements
• Nested Components
4. Component
• Functional vs. Class
• React Props
• Props Validation con Data Types
• Component State
• Conditional rendering
• Ciclo di vita
• “ref”
• Liste
• Style & CSS
5. React Native Components
• View
• Text
• Image
• Lists
• Other
• Geolocation
6. Flexbox
• Concept
• Examples
7. Integrazione librerie
• react-native-camera
• react-native-camera-roll-picker
• react-native-maps
8. React Navigation
• Confgurazione
• Navigazione
• Passaggio e Ricezione Parametri
• Navigazione a Tab
• Navigazione con Drawer laterale
• Deep linking
9. Redux
• Concept
• Provider Component
• Store
• Actions
• Reducers
• Uso di Redux
10. Persistenza dei dati
• redux-persistence
11. Unit Testing
• React Unit Testing
• JEST
• React Component Testing
12. Beta Testers
• Testfight
13. Pubblicazione
• iOS Marketplace
• Google Play
Consigliabile seguire con un Mac Apple specialmente per il deploy e pubblicazione per l’APP iOS
