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.