Mes formations 0cercle selection

Mes formations :

Aucune formation sélectionnée

Retour en haut de la page

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.

Spécificités pédagogiques de la session à distance

Formation dispensée en visio-formation avec un séquencement adapté. Configuration et accès à notre outil de visio-formation. Accès à la bibliothèque pédagogique virtuelle durant la formation afin de partager les exercices, contrôler les résultats obtenus et déployer l’ensemble du séquencement pédagogique. La durée exacte des modules définis ci-après est susceptible de varier en fonction de la vitesse d’appropriation des concepts enseignés de la part du stagiaire.

Remarques

-

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...

Certification

 

Profil de l'intervenant

Consultant-formateur expert. Suivi des compétences techniques et pédagogiques assuré par nos services.

Accessibilité

Nous contacter.

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.

Moyens techniques relatifs aux sessions à distance

Encadrement complet des stagiaires durant la formation. Accès à notre service technique durant l’animation pour toute limite rencontrée. Accès à l’espace de conversation instantané durant la session pour interagir avec le formateur et les participants. Transmission d’un email de contact pour réaction privée durant la session. 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.

Méthodes d'évaluation des acquis de la formation à distance

Exercices individuels et collectifs communiqués durant la formation via la bibliothèque pédagogique virtuelle mise à disposition ou directement par le formateur. Ces activités constituent les modalités de suivi et d’évaluation du Stagiaire de la part du formateur. Suivi permanent du formateur durant l’animation et durant les exercices pratiques.

Programme

Introduction à React Native

  • 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

Pour aller plus loin :

Datadock Microsoft TOSA Certification Robert Qualiopi, Engagements de qualitéCertification AVIT

Information COVID-19 – Dans le contexte sanitaire actuel, adhara France adapte l’ensemble de son offre et vous propose l’accès à ses sessions de formation au format distanciel.
Les formations sont animées en direct par nos spécialistes et en interaction complète avec les participants. Nos conseillers sont à votre disposition pour toute information.


Grand-Est (Bar le duc, Chalons en champagne, Colmar, Epinal, Metz, Mulhouse, Nancy, Reims, Strasbourg, Troyes) Nouvelle-Aquitaine (Agen, Angouleme, Biarritz, Bordeaux, Brive, Compiegne, La rochelle, Limoges, Niort, Pau, Perigueux, Poitiers) Auvergne-Rhônes-Alpes (Annecy, Bourg en bresse, Chambery, Clermont ferrand, Grenoble, Lyon bron, Lyon masset, Lyon vendome, Saint etienne, Valence) Normandie (Caen, Le havre, Rouen) Bourgogne-Franche-Comté (Auxerre, Belfort, Dijon, Sens) Bretagne (Brest, Rennes) Centre-Val-de-Loire (Blois, Bourges, Chartres, Chateauroux, Orleans, Tours) Corse (Ajaccio, Bastia) Île de France (Aulnay sous bois, Groupe, La defense courbevoie, Nanterre, Paris nation, Paris ternes, Poissy, Massy) Occitanie (Cahors, Castres, Montauban, Montpellier, Narbonne, Nimes, Pamiers, Perpignan, Rodez, Toulouse) Pays de la Loire (La roche sur yon, Le mans, Montaigu, Nantes) Hauts de France (Amiens, Lille, Roubaix, Soissons) Provence-Alpes-Côte d'Azur (Aix en provence, Avignon, Marseille, Nice)


adhara France – Loging SAS - Organisme de formation enregistré sous le n° 24450269645 auprès du préfet de Région Centre-Val-de-Loire