React
Academy

Plan de cours

React Native

React Native est un cadre qui sert à créer des applications mobiles au moyen de JavaScript uniquement. Il utilise React, ce qui nous permet de composer une interface utilisateur mobile riche à partir de simples composants déclaratifs.

Avec React Native, vous ne développez pas des « applications en HTML 5 »; vous créez de VRAIES applications mobiles que vous pouvez distribuer sur l’App Store. React Native utilise les mêmes blocs de construction d’interface utilisateur fondamentaux que les applications iOS et Android classiques. Pour créer votre application, il vous suffit d’assembler ces blocs de construction à l’aide de JavaScript et de React.

Vous trouverez React Native au cœur de nombreuses applications que vous utilisez tous les jours, dont Facebook, Instagram, Tesla, Skype et Uber.

Jour 1

Rudiments de la plateforme Native
1. Introduction à React Native 
  • Les éléments de React Native
  • Architecture de React Native
2. Configuration de l’environnement de développement 
  • Expo
  • Utiliser la CLI
  • XCode
  • Android Studio
3. Utilisation d’Expo 
  • Utiliser des émulateurs Mobiles et Web
  • Hello, world
  • Utiliser le menu dévelppeur intégré
  • Utiliser le débogueur intégré avec VS Code
  • Utiliser les React DevTools
  • Fast refresh
4. Différence entre le Web et Native 
  • Différence entre le routage et la navigation
  • Différence entre Android, iOS et le Web
5. Composants principaux 
  • Composants React Native communs
  • Bibliothèques (NativeBase)
  • View et Text
  • Icônes
  • Touchables
  • Curseurs (Slider)
  • TextButton
  • Listes
  • Différence entre ScrollView, FlatList et SectionList
  • Formulaires et React Native
  • Composants pour formulaires

Jour 2

Utilisation avancée de React Native
6. Les styles dans React Native 
  • Différence entre Stylesheet et Inline
  • Media queries
  • CSS dans les bibliothèques JS
  • Différence entre LayoutAnimation et l’animation avec des API
7. Flexbox 
  • Axes, flexDirection
  • Justifier, aligner et centrer le contenu
  • flexGrow
8. Navigation 
  • Routage
  • Navigation
9. Utilisation de données 
  • Différence entre Fetch et Axios
  • Redux
  • Redux-Starter-Kit
  • Suspense
10. Intégration aux applications existantes 
  • Dépendances
  • Autorisations
  • Intégrer React Native au code base
11. Pour parachever 
  • Géolocalisation
  • Demander des autorisations
  • Déploiement