Formation React JS - Expert

Dans le monde du développement web, React.js s'impose comme une compétence incontournable pour les développeurs modernes. La formation "React JS - Expert" d'ONLYWEB FORMATION est conçue pour vous propulser vers de nouvelles opportunités professionnelles. Avec la demande croissante pour des applications web interactives et dynamiques, les entreprises recherchent activement des experts capables de maîtriser des technologies avancées telles que Redux, Firebase, et les API.

Ce programme vous offre une compréhension approfondie de la création d'API, de la gestion de l'état avec Redux, et de l'intégration de services comme Firebase et Cloud Firestore. Vous apprendrez également à optimiser vos applications avec React Router v6 et à intégrer des API telles que Marvel et Google Books. En maîtrisant ces compétences, vous vous positionnerez comme un atout précieux pour les entreprises cherchant à innover et à répondre aux exigences d'un marché en constante évolution.

Rejoindre cette formation, c'est non seulement renforcer vos capacités techniques, mais aussi élargir vos perspectives de carrière dans le domaine du développement web.

Public

À qui s'adresse la formation REACT JS (Expert)

Cette formation "REACT JS - Expert" s'adresse aux développeurs web ayant déjà une expérience solide en React et souhaitant approfondir leurs compétences pour devenir experts. Elle est idéale pour les professionnels cherchant à maîtriser l'implémentation avancée d'API, l'intégration de Firebase, et l'utilisation de Redux dans leurs projets. Les participants doivent être à l'aise avec les concepts fondamentaux de React pour tirer pleinement profit de ce programme.

Objectifs

Compétences visées pour la formation REACT JS (Expert)

La formation "REACT JS - Expert" vise à approfondir vos compétences en développement d'applications avec React. Vous apprendrez à créer et mettre en œuvre des API, maîtriser l'authentification avec Firebase, et gérer les états avec Redux. Vous découvrirez également les dernières fonctionnalités de React Router v6 pour optimiser la navigation. À travers des cas pratiques, développez une application complète et fonctionnelle, tout en intégrant des services externes comme Cloud Firestore et l'API Marvel.

Programme

Coder et mettre en oeuvre une API sur React

  1. Installer l'application pour un Marcel Quiz
  2. Composants Header, Landing et Footer
  3. Boutons Landing et animation Wolverine
  4. Evènements onMouseOver et onMouseOut
  5. Route, Link, Exact, et Switch dans React
  6. Les images et le inline CSS dans React
  7. Configurer Firebase et instancier la classe
  8. Authentification et inscription Firebase
  9. Les redirections dans React
  10. Connexion et déconnexion via Firebase
  11. Gestion de la session utilisateur Firebase
  12. Changer un mot de passe oublié via Firebase
  13. Firebase et Cloud Firestore
  14. Récupérer des données de Cloud Firestore
  15. Composant Quiz, Levels et Progressbar
  16. Questions à poser dans le Quiz
  17. Valider une réponse et activer un bouton
  18. Valider une réponse et gérer le score
  19. Afficher les notifications via React Toast
  20. Terminer un niveau et accéder aux réponses
  21. Bouton de validation et ProgressBar
  22. Travailler le JSX du composant QuizOver
  23. Gérer les affichages sur QuizOver
  24. Charger les questions du niveau suivant
  25. Correction Bug pourcentage de réussite
  26. Package react-stepper-horizontal
  27. Icônes via le package React-icons
  28. Destructuring et création de Loader
  29. Afficher une info-bulle via react-tooltip
  30. Afficher un Modal (PopUp) dans React
  31. Api Marvel et Axios
  32. Api Marvel et LocalStorage
  33. Affichage des données dans le Modal
  34. Règles de sécurité Cloud Firestore
  35. Variables d’environnement Firebase config
  36. Déploiement de l'application sur Firebase

Maitriser Redux avec React

  1. Qu'est ce que Redux
  2. Avantage de Redux
  3. Actions et Reducer
  4. Redux Store via createStore
  5. Gérer plusieurs actions
  6. Combiner plusieurs Reducers
  7. React-Redux Store Provider
  8. mapStateToProps et mapDispatchToProps
  9. useSelector Hook
  10. useDispatch Hook
  11. Documentation Redux et React-Redux
  12. combineReducers dans une app React
  13. Redux Action Payload
  14. Middleware et applyMiddleware
  15. Le Thunk Middleware
  16. L’extension Redux DevTools

Coder avec Redux, API GBooks, Axios, etc.

  1. Initialiser et valider le formulaire
  2. Dispatch de l'action addBook
  3. Afficher les livres
  4. React-Flip-Move
  5. Effacer les livres
  6. React Router Dom
  7. Container Search Books
  8. Formulaire Search Books
  9. FetchBooks Action Reducer
  10. Affichage Data Google API
  11. AddBook Google API

Mettre à jour avec React Router v6

  1. Les NodeModules
  2. Révisions React Router v5 avant mise à jour
  3. Link et NavLink
  4. Navigate
  5. Redirection programmée
  6. Navigate avec Replace
  7. Gérer les routes inexistants via ErrorPage
  8. Les routes imbriquées
  9. Route index
  10. Récupérer les données dans l'URL
  11. Récupérer une donnée d'API
  12. Paramètres de requêtes
  13. Lazy Loading route

La formation REACT JS (Expert) est dispensée sur 14 heures

Durée et montant de la formation

Intitulé Durée Montant HT
Formation REACT JS - Expert 14 heures 1590.00 €

Demander une convention de formation

Inscription newsletter

Recevez la newsletter ONLYWEB Formation pour vous tenir informé des formations à venir et maintenir vos compétences.

ONLYWEB Formation, s'appuie sur le réseau d'experts EVA - Solutions

coordonnées

© ONLYWEB Formation
6 pl. Dumas de Loire
69009 Lyon
TÉL 09 72 13 00 73
EVA Solutions: La force du réseau