millenniumjs

Millennium.js

フロントエンドを12個未満でレンダリングします。

何ですか？

機能的なステートレスコンポーネントを作成し、仮想DOMでレンダリングするためのJavaScriptライブラリ。 Reduxを使用した超軽量および高速アプリケーションを作成するのに最適です。

最高の機能

• 機能コンポーネント。
• 一方向のデータフローを管理するためのカスタムプロップ。
• 仮想ドムレンダリング。
• Global Refを使用した簡単な選択REAL DOMノード。
• JSXと互換性があります。
• Reduxとの簡単な統合。

使い方は？

インストール

ヒント：ノードとNPMがインストールされているかどうかを確認します。

$ npm install millenniumjs --save-dev

設定

ES6/ECMAScript 2015モジュール：

ヒント：コンポーネントを管理するために、Webpack（または同様のモジュールバンドラー）を使用します。

 import millennium from 'millenniumjs' ; 

CommonJSモジュール：

ヒント： Browserify（または同様のモジュールバンドラー）を使用して、コンポーネントを管理します。

 const millennium = require ( 'millenniumjs' ) ;

ステートレスコンポーネントを作成します

 import millennium from 'millenniumjs' ;

function Hello ( ) {

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

}

ヒント： JSXを使用して、コンポーネントを宣言的に記述します。

 import millennium from 'millenniumjs' ;

function Hello ( ) {

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

}

仮想DOMでレンダリングします

 import millennium from 'millenniumjs' ;

function Hello ( ) {
  // Markup
}

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

ドキュメント

気に入りましたか？
完全なドキュメントを参照して、Millennium.jsで今すぐ開始します。

---

発達

はじめる

このリポジトリをクローンし、その依存関係をインストールします。

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

建てる

図書館を構築します。

$ npm run build

ライブラリを構築し、RollUp-Watchを使用してソースファイルが変更されるたびにライブラリを再構築し続けます。

$ npm run dev

コードスタイル

Afonso PaciferによるJSコードスタイルガイドに従ってください。

すべてのコードスタイルは、ESLINTで自動検証されます。

$ npm run lint

コードドキュメント

jsdocsを使用してコードドキュメントを生成します

$ npm run jsdocs

out/index.htmlでコードドキュメントを表示します

テスト

すべてのユニットテストを実行します：

$ npm test 

---

バージョン化

リリースのより良い組織を維持するために、セマンティックバージョン2.0.0ガイドラインに従います。

貢献

貢献したいですか？これらの推奨事項に従ってください。

歴史

詳細なChangelogについては、リリースを参照してください。

ライセンス

MITライセンス©Afonso Pacifer