React est une librairie JavaScript open source pour développer des interfaces utilisateurs alliant performance et facilité de maintenance.

Dans le cadre de cette formation, vous serez amenés à maitriser la notion de composant, la maîtrise de l’état de l’interface, mais vous verrez aussi en quoi React est considéré comme le point de départ d’un véritable écosystème.

Cette formation, composée de cours théoriques et d’exercices pratiques, s’adresse aux développeurs et lead-développeurs souhaitant comprendre le fonctionnement de React

Public

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

Un bon niveau JavaScript (ES5+): être à l'aise avec des concepts comme les "closures", les particularités de “this”, l'écoute d'événements (DOM ou jQuery) Avoir des bases de Réact (idéalement avoir suivi la formation débutant)

Objectifs

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

Cette formation vous permettra d'approfondir vos connaissances en React à travers le codage et la mise en oeuvre d'une API complète. Vous découvrirez également Redux et comment l'utiliser pour coder, ainsi que API GoogleBooks, Axios et Localstorage.

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