Composant(s) React ES6 sous forme de library

1. git clone https://github.com/ybarukh/minimal-react-es6-component
2. Débrancher (supprimer) le .git et brancher vers le Repo GIT du projet
3. Renommer le nom dans le package.json
4. Coder les composants dans le repertoire lib/components ou lib/elements selon granularité

---

Developper en Live

1. Créer le(s) composant(s) dans lib/components/ ou lib/elements.
   Par Exemple : lib/components/AwesomeComponent.js

2. Utiliser sample/app/index.js
   Par exemple:

import React from 'react';
import { render } from 'react-dom';
import AwesomeComponent from '../../lib/components/AwesomeComponent.js';

class App extends React.Component {
 render() {
  return (
   <div>
    <p> Hello React!</p>
    <AwesomeComponent />
   </div>
  );
 }
}

3. Démarrer le serveur de DEV
   npm run dev

---

Construire le(s) composant(s)

npm run pack
Génére un fichier <package.name>-<version>.tgz

Utiliser le(s) composant(s)

Dans le projet cible npm install --save --no-optional ..\chemin vers le projet\<package.name>-<version>.tgz

Local publish

npm run localpublish
Copie le package.tgz dans le répertoire réseau Q:\AAG\javascript-npm-packages

---

Liens

• building-a-react-component-library-part-1
• building-a-react-component-library-part-2
• building-a-react-component-library-part-3

---

Autres

Problèmes installation NPM sous Windows

• npm/npm#9204 (comment)
• Utiliser npm install --no-optional
• dans le package.json :

"optionalDependencies": {
    "fsevents": "*"
  },