Scenario
React Native è una tecnologia open source sviluppata da Facebook che incrementa notevolmente la produttività durante lo sviluppo di applicazioni mobile native. Nonostante questo approccio introduca innovazioni piuttosto radicali, i vantaggi in termini di produttività sono tali da aver comportato un'adozione della tecnologia estremante rapida (React Native è stato introdotto 2 anni fa). Tale adozione è avvenuta non solo da parte degli early adopters ma anche da parte di alcune delle aziende più importanti del settore tecnologico. Ad esempio, alcune organizzazioni che utilizzano React Native sono Microsoft, Airbnb, Bloomberg, Tesla, Uber e Walmart oltre che naturalmente a Facebook.
Sintesi dei contenuti
PRINCIPAL SUBJECTS: React Native.
Modulo 1, Javascript, React e JSX (1 ora)
Cos'è React. Il concetto di componente. Analisi della struttura di un componente. Pattern comuni di ES6 usati durante lo sviluppo con React Native, sintassi JSX. Informazioni sul transpilatore.
Modulo 2, Basic concepts of React Native (2 ore)
Gli elementi di base di React Native: <View /> <Text /> <Image /> <ScrollView /> <Button /> <TouchableHighlight />.
Applicare uno stile ai nostri componenti: l'elemento <StyleSheet />.
Esercizio pratico: Creazione di Styled Views a partire da un mock-up di base.
Modulo 3, Environment Set Up (1 ora)
Installazione e configurazione di Node.js, npm, yarn, react, react-native, create-react-native-app.
Installazione e configurazione dell'ambiente di sviluppo per Android e iOS (Android Studio e Xcode). Analisi della libreria Expo e dei vantaggi e svantaggi rispetto all'ambiente di sviluppo tradizionale. Avviare la prima applicazione “Hello World”.
Modulo 4, Let's create our first App! (2 ore)
Github finder.
Teoria: Step 1: Scomporre un'applicazione in componenti. Il cd. Single responsibility principle.
Step 2: Creare una versione statica dell'applicazione.
Step 3: Introduzione allo state, determinare quali componenti devono gestire lo state.
Step 4: Determinare in quali componenti lo state deve essere inserito.
Step 5: Predeterminare lo state iniziale.
Step 6: Aggiungere l'inverse data-flow.
Step 7: Collegamenti con il server esterno.
Pratica: creazione di un'applicazione che si collega alle API di github.com e, a partire da una query di ricerca, consenta di visualizzare le informazioni di base di un iscritto a Github.
La navigazione in React-native: il componente React-navigation.
Visualizzare una pagina web: il componente WebView.
Modulo 5: Publishing the app (2 ore)
Come effettuare la build di un'applicazione scritta in React-native. Analisi di Android Studio e Xcode. Problemi frequenti.
Introduzione alla pubblicazione sugli App stores.
Quali sono i requisiti?
È indispensabile una conoscenza base del linguaggio Javascript e dell'utilizzo terminal con shell Bash.
Cosa otterrò da questo corso?
Al termine di questo corso saranno acquisiti i concetti principali relativi relativi alla sviluppo di un'applicazione mobile con React Native.
Dotazioni tecniche base
Minimi
CPU dual core 64-bit on x86-64
RAM 4gb
Sistema Operativo: Linux/Mac Os X
Risoluzione schermo 1920*1080
Software: Terminal
Consigliati
CPU i5 o superiore
Ram 8gb o più
Software: Xcode o Android Studio