Formation développeur React.js et Redux

Avec la formation React.js, USER Agency vous accompagne à maîtriser la librairie front-end React, en partant des fondamentaux aux utilisations avancées comme avec Redux.

Cette formation vous apporte les compétences nécessaires à mettre en place un projet avec React mais également à acquérir une autonomie sur des projets existants. Apprenez à développer de façon moderne sur la librairie Javascript la plus plébiscité dans le secteur du développement web actuellement avec un formateur qui maîtrise cette technologie.

Accompagnant depuis plus de 4 ans des entreprises sur cette technologie, USER à su capitaliser sur ses connaissances pour vous les retransmettre durant cette formation. Connaissance technique mais également organisationnelle et stratégique pour mener des projets à termes sans négliger la qualité final du projet.

Après cette formation vous serez capable de mener des projets avec React.js et Redux tout en ayant les bons reflexes que nous aurions vu ensemble durant cette formation.

Vous serez formé par un développeur full-stack senior ayant plus d’une vingtaine de projets réalisés avec React et une expérience de formation de plus de deux ans en interne.

La formation se déroule sur 4 jours, l'objectif est de réaliser un projet concret en utilisant toutes les composantes de React et Redux. Nous allons également travailler avec Styled Components pour styliser notre application web.

Pour suivre cette formation React, vous devez avoir des bases en Javascript, vous devez avoir acquis les fondamentaux du language pour profiter au maximum de ces 4 jours intensifs.

Découverte de ReactJS et de l'écosystème

Pourquoi choisir React pour un nouveau projet, comment Facebook à t-il penser cette librairie pour répondre à un vrai besoin technique dans les années 2013. Quel est le futur de React dans le monde du développement web moderne ?

JSX est une extension syntaxique de Javascript puissance et permet de dessiner vos interfaces UI en un language de balises avancé. Nous verrons comment bien utiliser JSX pour optimiser les performances de vos applications.

Création d'un premier composant React

Grâce à l'introduction du JSX nous allons voir comment créer nos premiers composants, il existe plusieurs façons de déclarer et d'écrire un composant en React.js et d'optimiser le rendu de celui-ci avec ou sans classe.

Le secret d'un projet bien géré est d'avoir une bonne structure dès la création du projet, nous allons voir tout au long de la formation qu'il est indispensable de bien séparer les éléments afin de mieux optimiser son code et de bénéficier au maximum des atouts de la librairie.

Comme beaucoup de languages, il est possible d'utiliser un gestionnaire de paquet pour installer et gérer vos librairies. Il existe actuellement deux gestionnaires très largement utilisés avec React, NPM et YARN. Nous verrons ensemble les différences entre ces deux gestionnaires et comment choisir le bon gestionnaire en fonction de vos besoins.

Cycle de vie d'un composant

Nous verrons comment React gère un composant de bout en bout avec les classe et sans, l'utilisation d'un DOM virtuel permet d'aller très loin dans la manipulation des éléments. Il est indispensable de comprendre le fonctionnement complet pour optimiser votre code et le rendre plus lisible.

L'implémentation de props dans les composants permet de dynamiser plus fortement ceux-ci, nous verrons dans cette formation les bonnes pratiques pour hydrater vos composants avec les props et les spécificités qu'il faut savoir pour profiter au maximum des props.

Arrivés récemment sur React, les hooks permettent de gagner en lisibilités et d'apporter des nouvelles fonctionnalités aux composant. Nous verrons ensemble qu'il est possible de se passer des classe et même de créer des hooks personnalisés en fonction des besoin de l'application.

Pourquoi utiliser un gestionnaire de state au sein de son application ? Pourquoi Redux est aussi fortement utiliser avec React aujourd'hui ? Comment fonctionne Redux techniquement et quels problèmes il vient résoudre dans nos applications modernes ? Nous allons répondre à toutes ces question avant de ce lancer concrètement dans le vif du sujet pour bien gérer ses données localement avec Redux.

Nous allons parler d'actions, reducers et de type, rien de bien méchant mais cela est très abstrait dans un premier temps, ce qui est normal. Rien ne ressemble vraiment à Redux et c'est pour cela qu'il est important d'être accompagner pour traiter ce sujet.

Il est possible de visualiser l'ensemble des changements dans votre store dans la console de développement de Chrome ou de Firefox. Un outils génial pour les développeurs mais il faut savoir comment cela fonctionne et surtout ce qu'il est possible de faire avec le Redux Devtools.

Nous verrons ensemble qu'il est possible de rajouter des middlewares dans cette logique pour gérer entre autre les parties synchrones et asynchrone.

Redux Saga permet de créer une tâches en parallèles et de déporter une partie de la logique métier dans des sagas. Cela permet de réutiliser une grande partie de vos fonctions est d'avoir accès au store Redux à chaque étape.

Comment bien structurer son projet en incluant des sagas, toujours dans l'optique d'avoir un projet maintenable sur du long terme.

Déploiement d'un projet sur Netlify

Nous verrons ensemble comment déployer un projet React / Next.js sur différentes plateformes comme Vercel, Netlify ou encore Heroku. Des exemples concrets pour mettre en productions vos projets rapidement en profitant des infrastructures modernes qui ne nécessitent pas de maintenance et comment gérer les données en fonction des différents environnement.

Exemple d'utilisation avec React

La librarie est réputé pour la partie web et mobile (React Native), nous verrons ensemble qu'il est possible d'aller bien plus loins avec React, de la création de vidéo en automatique à la création de logiciel embarqué.

Le formateur vous exposera également sa vision à moyen et long terme de l'utilisation de React, pourquoi aujourd'hui des frameworks comme Angular ou Vue n'arrivent pas à rattraper la librairie javascript la plus utilisée au monde.

Par défaut nous vous invitons à suivre la formation dans nos locaux, nous préférons ce format car il est plus intéressant d'échanger en physique et de montrer des exemples concrets plus rapidement.

Le formation à distance est possible également si vous souhaitez suivre la formation React / Redux via Google Meet.

Nous conviendrons ensemble des dates de formation en fonction de vos disponibilités, du nombre d'inscrits, il est possible découper la formation sur plusieurs semaine afin de s'adapter à vos contraintes.

Cette formation est actuellement réservée aux entreprises, en particulier aux salariés. Il est possible de faire une étude de votre dossier pour y joindre une participation CPF et OPCO.

En fonction de votre localisation, il est également possible de s'appuyer sur Transitions Pro qui peut également vous accompagner sur une démarche de reconversion. En accord avec votre entreprise actuelle.

Si vous êtes une entreprise, le tarif est dégressif en fonction du nombre d'inscrits aux mêmes dates.

Nous mettons en pratique l'ensemble des points évoqué ci-dessus à travers la formation, nous mettons également à disposition des exemples concrets de projets pour vous aider à visualiser plus rapidement le résultat final attendu.

L'ensemble de notre formation est modulable, nous pouvons également réaliser une formation sur mesure dans vos locaux, dans nos locaux ou en remote en fonction de vos besoins de formations.

Le contenu de la formation peut évoluer en fonction des nouveautés du framework ciblé ou de la librairie. Le formateur vous indiquera le programme en vigueur au moment de la prise de renseignements.