React Native

Descrizione

React Native è un framework di sviluppo multipiattaforma open source per la creazione di app mobili. Sviluppato da Facebook , consente agli sviluppatori di creare un'esperienza grafica nativa per le loro app sia su Android che su iOS . A differenza di altri strumenti di sviluppo mobile multipiattaforma come PhoneGap, React Native genera interfacce utente per applicazioni completamente native. Nessuna interfaccia utente HTML 5. React Native offre un'esperienza di sviluppo coerente basata su Java Script e sulla Java React (aka React .js o React JS) e consente un vero sviluppo mobile rapido concentrandosi sull'efficienza degli sviluppatori su tutte le piattaforme: impara una volta, scrivi ovunque.

In questo corso i partecipanti apprendono i principi e l'approccio alla base di React Native mentre intraprendono lo sviluppo della propria applicazione mobile per Android e iOS .

Target

Mobile application developers

Prerequisiti

Knowledge of Javascript, HTML, and CSS.
Basic understanding of Object Oriented Programming (OOP) is useful.

Programma Corso

Strumenti per la Creazione applicazione

Utilizzo di NPM / Yarn e Package.json file
Visual studio Code per text editor e plugins
command line interface per iniziare una nuova app
Uso Imports file
JSX e ES6
Struttura file e scaffolding
Setup e Debug Simulatori dispositivi mobili (Android and iOS)
Render elements
Nested Components

Struttura e funzionamento applicazione

Functional vs. Class (React + Redux)
React Props
Props Validation con Data Types
Component State
Conditional rendering
Ciclo di vita
Aggiunta “ref” nei tag html
Style & CSS
Componenti React Native
Layout con Flexbox
Integrazione con dispositivi esterni camera/mappa

Routing

Configurazione
AJAX gestire le richieste HTTP
Navigazione
Passaggio parametri
Utilizzo Ta
Drawer laterale
Deep linking

Redux

Introduzione
Provider Component
Store
Actions
Reducers
Esempi
redux-persistence

Test

React Unit Testing
JEST
React Component Testing