Formation Package Manager : npm et yarn

Tuto vidéo Créer et déployer son module sur yarn

Nous allons finalement publier notre module de librairie de composants avec yarn pour optimiser les temps d'installation et de mises à jour
Présentation
Plan détaillé
Ressources
Discussion
Avis (0)

Description de la formation

Dans cette formation React Package Manager, vous allez apprendre à créer, publier et maintenir vos modules NPM et YARN.

React – Une bibliothèque JavaScript pour créer des interfaces utilisateurs

React est une librairie JavaScript déclarative, efficace et flexible pour créer des interfaces utilisateur UI (User Interfaces) riches et dynamiques. React est Lancé en 2013 et toujours maintenu par Facebook, en plus d’une communauté de millions de développeurs partout dans le globe.

# NPM et YARN - Des gestionnaires de dépendances nécessaires

NPM et YARN sont des gestionnaires de packages qui aident à gérer les dépendances d'un projet. Une dépendance est un morceau de code nécessaire pour que le projet fonctionne correctement.

Vous aurez besoin de NPM ou YARN du point que la gestion de dépendances est difficile et devient vite fastidieux, et incontrôlable lorsque le projet prend de l’ampleur.

NPM et YARN permet de gérer les dépendances, notamment les inclure, les exclure et les mettre à jour.

# Dans cette formation React Package Manager : NPM et YARN

Dans cette formation Package Manager NPM et YARN, vous allez découvrir comment vous pouvez publier un module sur le registre NPM soit public soit privé. Pour un usage interne, un paquet privé sert à regrouper des codes sources et des solutions sous forme de modules à partager sur plusieurs projets et un paquet public est libre d’usage et sert aux développeurs et à la communauté toute entière.

Vous allez apprendre à publier votre premier module NPM, et le partager avec la communauté. Et une fois la publication de votre module est validée, plusieurs solutions existent pour accompagner son évolution, notamment :

Héberger son projet sur un répertoire distant sur GitHub

Créer et maintenir un journal de modifications (CHANGELOG.md)

Apprendre la syntaxe MARKDOWN pour créer et maintenir une documentation avec un README.md

Vous allez ensuite gérer la version sémantique avec la norme SemVer. Vous allez apprendre à maintenir celui-ci et mettre à jour les publications pour aider les autres développeurs de la communauté web à utiliser et apprécier votre projet en veillant à appliquer les bonnes pratiques suivantes :

Publier des nouvelles versions de son module suivant la norme SemVer (Semantic Versionning)

Ajouter un badge sur son répertoire Github pour indiquer le dernier numéro de version du paquet

Apres, vous allez connaitre la différence entre NPM vs YARN, les deux gestionnaires de paquets pour gérer et maintenir vos modules. Vous allez découvrir les avantages de YARN, un autre gestionnaire de paquets qui se distingue pour sa rapidité. Il est possible d’utiliser les deux pour gérer les dépendances de votre projet.

Enfin, et en bonus, vous allez pouvoir automatiser et contrôler l’exécution des opérations, standardiser les formats de messages des commit avec les plugins COMMITLINT et HUSKY pour automatiser les release (mises à jour) et les publications sur le registre NPM avec GitHub Actions.

+ Un projet de développement de module npm

La présente formation NPM et YARN repose sur un projet plus complet, dans lequel vous allez entamer le développement d’une librairie de composants avec les ressources Bootstrap 5.

Vous allez utiliser l’API de composants HTML et CSS de cette librairie pour proposer un catalogue de composants personnalisés et réutilisables.

Ces exemples pratiques vous permettront de se lancer à votre tour en proposant vos solutions et modules NPM.

+ La Formatrice experte Sandy LUDOSKY

Tout au long de cette formation NPM et YARN, vous serez accompagné-e par la formatrice experte et consultante en informatique Sandy Ludosky, qui vous aidera à comprendre et créer vos propre modules NPM et YARN.

Elle vous dotera aussi avec des astuces et bonnes pratiques à adopter dans vos projets professionnels de développement en utilisant les modules NPM et YARN.

+ Un cursus complet de formations React

Le cursus des formations React se compose de :

Formation React - Les fondamentaux

Formation ReactJS 16.8+ : Construire 4 Projets Complets

Formation React, Redux et l'API Contexte : Créer un site e-commerce de A à Z

Formation React 16 et Intégration Redux : Fondamentaux et Avancé

Formation Serverless avec Firebase et React JS : Créer une application de A à Z

Formation Stack MERN (MongoDB, Express, React and NodJS) : Créer une application de A à Z

Formation ReactJS, Redux et l'API Contexte : Créer un site e-commerce de A à Z

Formation React 16.8+ : Construire 4 Projets Complets

Formation React - Testing Library

Objectifs

Développer et déployer un module sur le registre NPM

Comprendre le gestionnaire de paquet NPM

Suivre la norme de Semantic Versionning (semver)

Publier une version corrective du module avec NPM Version Patch

Ajouter un README.md et un badge de version au module NPM

Prérequis

Avoir les bases de développement et de programmation avec HTML, CSS et Javascript

Avoir une première expérience avec les librairies React et Bootstrap est souhaitable

Public concerné

Développeurs débutants et confirmés voulant publier des modules NPM
Formateur : Sandy Ludosky
Date de mise en ligne : 02-02-2022

Evaluations


5
(10 votes)
5
10
4
0
3
0
2
0
1
0
Ceci peut aussi vous intéresser