millenniumjs

millénaire.js

Rendez votre front-end dans moins de 12 parsecs.

Qu'est-ce que?

Une bibliothèque JavaScript pour créer des composants sans état fonctionnels et rendre avec Dom virtuel. Idéal pour créer des applications ultra légères et rapides avec Redux.

Meilleures fonctionnalités

• Composants fonctionnels.
• Accessoires personnalisés pour gérer le flux de données unidirectionnel.
• Rendu DOM virtuel .
• Sélection facile nœuds de DOM réel avec les références globales.
• Compatible avec JSX .
• Intégration facile avec redux .

Comment utiliser?

Installer

Astuce: vérifiez si vous avez installé le nœud et le NPM.

$ npm install millenniumjs --save-dev

Installation

Module ES6 / ECMAScript 2015:

Astuce: utilisez WebPack (ou bundler de module similaire) pour gérer les composants.

 import millennium from 'millenniumjs' ; 

Module CommonJS:

Astuce: utilisez Browserify (ou Bundler de module similaire) pour gérer les composants.

 const millennium = require ( 'millenniumjs' ) ;

Faire des composants apatrides

 import millennium from 'millenniumjs' ;

function Hello ( ) {

  return (
    millennium . component (
      'h1' ,
      { className : 'foo' } ,
      'Hello World'
    )
  )

}

Astuce: utilisez JSX pour écrire votre composant de manière déclarative.

 import millennium from 'millenniumjs' ;

function Hello ( ) {

  return (
    < h1 className = "foo" >
      Hello World
    </ h1 >
  )

}

Rendre avec Dom virtuel

 import millennium from 'millenniumjs' ;

function Hello ( ) {
  // Markup
}

millennium . render ( < Hello /> , document . getElementById ( 'root' ) ) ; 

Docs

Avez-vous apprécié?
Voir la documentation complète et commencez maintenant par Millennium.js.

---

Développement

Commencer

Cloner ce référentiel et installer ses dépendances:

$ git clone https://github.com/millenniumjs/millenniumjs.git
$ cd millenniumjs
$ npm install

Construire

Construit la bibliothèque à Dist:

$ npm run build

Construit la bibliothèque, puis continue de la reconstruire chaque fois que les fichiers source changent à l'aide de Rollup-watch:

$ npm run dev

Style de code

Suivez le guide de style JS de code par Afonso Pacifer.

Tous les styles de code sont automatiquement validés avec Eslint:

$ npm run lint

Code des documents

Générer des documents de code avec jsdocs

$ npm run jsdocs

Afficher les documents de code dans out/index.html

Tests

Exécutez tous les tests unitaires:

$ npm test 

---

Versioning

Pour maintenir une meilleure organisation des versions, nous suivons les directives sémantiques du versioning 2.0.0.

Contributif

Vous voulez contribuer? Suivez ces recommandations.

Histoire

Voir les versions pour les modifications détaillées.

Licence

Licence MIT © Afonso Pacifer