Le framework open-source React Native, créé par Facebook en 2015, permet de développer des applications mobiles cross-platform natives, performantes et évolutives en appliquant les paradigmes de React.

Cette formation React Native, orientée pratique, est destinée à des développeur·se·s mobile cross-platform, des développeur·se·s JavaScript ou des chefs de projets techniques souhaitant acquérir les bases du développement d’applications iOS, Android et Web grâce à React Native.

L'écosytème de React Native est gigantesque, et il est facile de s'y perdre. Les temps forts de cette formation s'orientent en 3 journées à thème :
- Jour 1 : les fondations de React Native
- Jour 2 : les outils pour développer des app mobiles et web
- Jour 3 : hackathon où vous choisirez de faire votre projet en étant guidé par votre formateur.

À l'issue de cette formation React Native, vous aurez les connaissances nécessaires pour démarrer le développement d'une application en React Native et la déployer sur les stores.

Comme référence une minmap qui présente l'écosytème (mis à jour régulièrement) ainsi qu'un accès aux exercices et solutions sur GitHub.

Covid-19: Nous restons ouverts. Cette formation est disponible à distance.

Les objectifs

• Découvrir et maîtriser React Native
• Savoir installer, configurer et utiliser des bibliothèques
• Debugger son code JavaScript et Natif
• Apprendre les bonnes pratiques

Pré-requis

• Connaissances en JavaScript
• Connaissances en React
• Ordinateur portable à apporter avec :
  • git v2.13 ou +
  • NodeJS v10.13 ou +
  • Yarn v1.x
  • Expo client à installer avec yarn add global expo-cli
• Créer un compte sur https://expo.io/signup
• Un iPhone avec l'application Expo http://bit.ly/expo-ios-client
• Un Android avec l'application Expo http://bit.ly/expo-android-client

Le programme de la formation React Native

Jour 1 : les fondations de React Native

Fondation React Native

• Comprendre le fonctionnement de React Native
• Créer des interfaces utilisateur pour iOS, Android et Web
• Composants Style React Native, y compris le style Flexbox et la syntaxe de style JavaScript
• Utilisation des listes

Mise en pratique :
- Utilisez un téléphone réel pour ressentir la «façon de travailler de React Native»™ ️
- Découvrez l'API de React Native
- Utilisation d'une bibliothèque de composants tiers

react-navigation

• Comprendre et créer des workflows de navigation en utilisant les meilleures pratiques et les API de la plateforme
• Navigations imbriquées
• Flux d'authentification

Mise en pratique : Faire fonctionner le routing avec une application mobile

Animations

• Animations de base
• Interpolations, animations linéaires et accélérations
• Composer des animations
• Animations avec les gestes

Mise en pratique : Réaliser des animations

Jour 2 : les outils pour développer des applications mobiles et web

Écosystème

• Eslint / Prettier
• Test statique: attrapez les fautes de frappe et tapez les erreurs pendant que vous écrivez le code.
• Bonnes pratiques pour debugger votre application
• Configuration des rapports de plantage
• Mettre en œuvre un flux de travail basé sur des composants avec StoryBook

Mise en pratique :
- Mettre en place les outils pour un développement productif
- Ajouter Storybook à votre projet

Gestion de données

• Interagissez avec des API externes avec fetch
• Persistance des données locales avec AsyncStorage ou SQLite
• Gestion de l'état des composants, contexte, Redux, MobX ou Recoil.

Mise en pratique : Collecter des données depuis une api externe

Déploiement et QA

• App store d'Apple
• Google Play Store
• Sécurité
• Test bêta avec votre équipe QA
• Mises à jour Over The Air
• Mettre en place un pipeline de déploiement avec fastlane

Mise en pratique : Préparer le déploiement sur les stores

Jour 3 : hackathon

• Introduisez les thèmes dans votre application.
• Récapitulatif de ce que nous avons appris
• Checklist pour démarrer un nouveau projet
• Make It Stick et créez votre propre produit en un jour!

Mise en pratique : Présentez votre application en fin de journée au reste de la classe

Le(s) formateur(s)

David Leuliette

David est développeur front-end freelance.

En tant que digital nomad, il a vécu 3 ans à Londres, donné des cours à l'IUT de Calais, aidé des centaines de développeur·se·s dans des bootcamps comme le wagon ou React GraphQL Academy. Il a commencé à développer sur TI-82 pendant les cours de maths, depuis 2017 il se spécialise sur React et React Native.

David aime partager ses connaissance aux personnes pour leur faire prendre tous les raccourcis possible afin de réduire le temps d’exécution de leur idées.

Sa mission est de transmettre les bonnes pratiques de la communauté pour avoir le maximum d'impact dans votre travail.

Voir son profil détaillé

Suivi de formation en option

A l'issue de la formation, nos formateurs peuvent aussi intervenir pour vous accompagner dans la mise en application des compétences acquises :

• en répondant à vos questions lors de rendez-vous téléphoniques réguliers
• en étant présents physiquement à l'amorce du projet
• en réalisant un audit de vos pratiques quelques semaines/mois après la formation

Cette idée vous intéresse ? Faîtes-le nous savoir pour que nous trouvions la formule adaptée à votre situation.