Please enable JavaScript.
Coggle requires JavaScript to display documents.
ReactNative - Premier jet OpenClassroom https://facebook.github.io/react…
ReactNative - Premier jet
OpenClassroom
https://facebook.github.io/react-native/docs/getting-started.html
Intro
App mobiles natives
App native = IOS/Android
IOS = ObjC/Swift
Android = Java, kohlint
"Cross-platform"
Évite d'Apprendre plusieurs langages BE
Convertis les éléments en natif
Développe 1 fois
Ionic (JS)
PhoneGap (JS)
Xamarin (C#)
Titanium (JS)
Inconvénients
Moins fluide
Ajustements à faire
Moins performantes
Rendu plus proche du web que mobile
React native
Open source
Un seul langage, JS
Utilise les composantes mobiles natifs
Permet de tester son application live
Flexible
Créé par FB en 2015
Premier projet
Application film
Rechercher une liste de film
Noter les films
Partage iOS/Android
Composantes natives
Appareil photo
Gallerie
Ajout d'animation
Possibilités
CRNA
Create React Native App
Seulement du code non natif
Peut être migré vers natif plus tard
Se lance plus rapidement
Config. env. dev (IDE)
Node.js (LTS)
NPM
Serveur
Atom/Nuclide optionnel
Expo.io
Smartphone/tablette = sur le Store
PC = Émule Smartphone
Powershell
npm install -g expo-cli
expo init NomDuProjet
DOIT CHANGER VAR ENV SYS**
ARNCN
Application React Native avec Code Natif
Plus long pour env. dev.
Ressources
OpenClassrooms
StackOverflow
GitHub
Snack Expo = Excellent env. dev. simulé
Magasines
Étapes - Lancement
npm install -g expo-cli (C:/)
expo init NomDuProjet
Crée un projet -> cd nom du projet
Ouvrir dans IDE
Prerequis
Node.js
Yarn (automatique)
Hiérarchie des fichiers React Native (CRNA)
Expo-shared
Assets expo nécéssaires
assets
img logo
img landing
node modules
fichiers installés
GitIgnore
Pour envoyer sur GIT (JEFF?)
WatchMan
Surveille les changements
Plus smooth
App.js
Équivalent du index.html
lancé lors de l'ourverture
app.json
Information sur l'app
Babel
Permet ES6
Package.json
Dependencies