Développement Web et Mobile avec React et React Native
3 jours - 21 heures
Objectifs
Maîtriser la conception et le développement d'applications web et mobiles avec React et React Native. Comprendre les principes fondamentaux de la gestion de l'état, de la navigation, et des tests unitaires. Être capable de créer des interfaces utilisateur réactives et de déployer des applications de manière autonome.
Participants
Développeurs, chefs de projet, architectes…
Prérequis
Des connaissances de base en programmation, en html / css et php permettent d’accéder à cette formation.
Pédagogie
La pédagogie est basée sur le principe de la dynamique de groupe avec alternance d'apports théoriques, de phases de réflexion collectives et individuelles, d'exercices, d'études de cas et de mises en situations observées. Formation / Action participative et interactive : les participants sont acteurs de leur formation notamment lors des mises en situation car ils s'appuient sur leurs connaissances, les expériences et mettront en œuvre les nouveaux outils présentés au cours de la session.
Public Visé
Collaborateurs - Développer ses compétences, s’affirmer comme expert dans son domaine, sécuriser son parcours professionnel ; Entreprises ou organisations - Accélérer les évolutions de carrière des collaborateurs, augmenter l’efficacité et l’employabilité des équipes… ; Demandeur d’emploi - Développer son employabilité, favoriser sa transition professionnelle...
Profil de l'intervenant
Consultant-formateur expert. Suivi des compétences techniques et pédagogiques assuré par nos services.
Accessibilité
Moyens techniques
Encadrement complet des stagiaires durant la formation. Espace d’accueil, configuration technique des salles et matériel pédagogique dédié pour les formations en centre. Remise d’une documentation pédagogique papier ou numérique à échéance de la formation.
Méthodes d'évaluation des acquis
Exercices individuels et collectifs durant la formation. La feuille d’émargement signée par demi-journée ainsi que l’évaluation des acquis de fin de stage sont adressées avec la facture.
Programme
Introduction à React
- Qu'est-ce que ReactJS ?
- Avantages de ReactJS par rapport au développement d'applications web
- Philosophie de la composition de composants
- Configuration de l'environnement de développement et installation des extensions dans VSCode
- Gestion des paquets avec npm
- Revue de la syntaxe ES6 : let, const, classes, interfaces, modules, fonctions fléchées et de Typescript
Composants et JSX / TSX
- Définition des éléments React
- Utilisation de ReactDOM.render() pour lier au DOM
- Syntaxe JSX et TSX avancée et bonnes pratiques
- Composants : définition et avantages
- Composants de classe vs. composants fonctionnels
- Composition et imbrication de composants
Propriétés (Props) et Événements
- Utilisation et transmission de données via les props
- Accès aux props dans les composants
- Utilisation de props.children
- Gestion des événements dans le JSX / TSX
- Rendu conditionnel et raccourcis (opérateur &&, opérateur ternaire)
Hooks
- Introduction aux hooks et comparaison avec les composants de classe
- Utilisation des hooks d'état (useState) et d'effet (useEffect)
- Manipulation des méthodes d'événement (handlers)
- Respect des règles des hooks et création de hooks personnalisés
Navigation et Routing
- Création d'une application simple avec React Router Dom
- Utilisation du router, liens, routes et switch
- Gestion des paramètres d'URL et navigation imbriquée
Gestion de l'État et Redux
- Problèmes liés à la gestion de l'état
- Introduction aux actions, reducers et store
- Utilisation de Redux avec React (react-redux)
- Intégration du composant Provider et utilisation des containers
- Utilisation des hooks useSelector et useDispatch
Gestion des Formulaires et Tests Unitaires
- Gestion des formulaires dans React
- Utilisation de refs pour accéder aux éléments du DOM
- Introduction aux tests unitaires avec le framework Jest
- Utilisation de la React Testing Library pour les tests d'interface utilisateur
- Déploiement sur un hébergeur tierce (Vercel/Heroku)
Introduction à React Native
- Aperçu de React Native pour le développement d'applications mobiles
- Comparaison avec React pour le développement Web
- Avantages et cas d'utilisation de React Native
- Introduction au Server Side Rendering (SSR) et ses avantages potentiels
