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.

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é

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.

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

Pour aller plus loin :

Datadock Microsoft TOSA Certification Robert

Certification Inea

Orléans, Tours, Le Mans Paris, Massy, Chartres, Bourges, Blois, Poitiers, Angoulême, Brive, Limoges

Lille, Amiens, Reims, Nancy, Strasbourg, Troyes, Châlons-en-Champagne

Bordeaux, Toulouse, Montpellier, Nimes, Pau, Nice, Marseille, Biarritz, Perpignan, Aix-en-Provence, Avignon

Lyon, Grenoble, Clermont-Ferrand, Dijon, Valence, Bourg-en-Bresse, Chambéry, Metz

Nantes Rennes Caen, Rouen Brest, La Roche-sur-Yon, Le Havre, Nanterre, Poissy

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