millenniumjs

Millennium.js

Rendern Sie Ihr Front-End in weniger als 12 Parsecs.

Was ist?

Eine JavaScript -Bibliothek zum Erstellen funktionaler staatenloser Komponenten und Rendern mit virtuellem DOM. Ideal zum Erstellen von ultra -leichten und schnellen Anwendungen mit Redux.

Beste Funktionen

• Funktionale Komponenten .
• Benutzerdefinierte Requisiten für die Verwaltung von unidirektionalen Datenfluss.
• Virtual DOM Render.
• Einfache Auswahl realer Dom -Knoten mit globalen Schiedsrichtern .
• Kompatibel mit JSX .
• Einfache Integration in Redux .

Wie benutze ich?

Installieren

Tipp: Überprüfen Sie, ob Sie Knoten und NPM installiert haben.

$ npm install millenniumjs --save-dev

Aufstellen

ES6/ECMascript 2015 Modul:

Tipp: Verwenden Sie Webpack (oder ähnliches Modul -Bundler), um die Komponenten zu verwalten.

 import millennium from 'millenniumjs' ; 

CommonJS -Modul:

Tipp: Verwenden Sie das Browserify (oder einen ähnlichen Modul -Bundler), um die Komponenten zu verwalten.

 const millennium = require ( 'millenniumjs' ) ;

Staatenlose Komponenten machen

 import millennium from 'millenniumjs' ;

function Hello ( ) {

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

}

Tipp: Verwenden Sie JSX, um Ihre Komponenten deklarativ zu schreiben.

 import millennium from 'millenniumjs' ;

function Hello ( ) {

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

}

Mit virtuellem Dom rendern

 import millennium from 'millenniumjs' ;

function Hello ( ) {
  // Markup
}

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

Dokumente

Hat es Ihnen gefallen?
Siehe vollständige Dokumentation und beginnen Sie jetzt mit Millennium.js.

---

Entwicklung

Erste Schritte

Klonen Sie dieses Repository und installieren Sie seine Abhängigkeiten:

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

Bauen

Baut die Bibliothek zu dist::

$ npm run build

Erstellt die Bibliothek und baut sie dann immer wieder auf, wenn sich die Quelldateien mithilfe von Rollup-Watch ändern:

$ npm run dev

Codestil

Folgen Sie dem JS Code Style Guide von Afonso Pacifer.

Alle Codestile sind automatisch mit Eslint:

$ npm run lint

Code -Dokumente

Generieren Sie Code -Dokumente mit JSDOCs

$ npm run jsdocs

CODE -DOCS in out/index.html anzeigen

Tests

Führen Sie alle Unit -Tests aus:

$ npm test 

---

Versioning

Um eine bessere Organisation von Veröffentlichungen zu erhalten, folgen wir den Richtlinien für semantische Versioning 2.0.0.

Beitragen

Willst du einen Beitrag leisten? Befolgen Sie diese Empfehlungen.

Geschichte

Siehe Veröffentlichungen für detaillierte ChangeLog.

Lizenz

MIT -Lizenz © Afonso Pacifer