millenniumjs

Millennium.js

Renderiza tu front-end en menos de 12 parsecs.

¿Qué es?

Una biblioteca JavaScript para crear componentes funcionales sin estado y renderizar con DOM virtual. Ideal para crear aplicaciones ultra ligeras y rápidas con Redux.

Las mejores características

• Componentes funcionales.
• Propiedades personalizadas para administrar el flujo de datos unidireccionales.
• Rénero virtual DOM .
• Selección fácil de nodos DOM reales con referencias globales.
• Compatible con JSX .
• Fácil integración con Redux .

¿Cómo usar?

Instalar

Consejo: Verifique si tiene instalados Node y NPM.

$ npm install millenniumjs --save-dev

Configuración

Módulo ES6/ECMAScript 2015:

Consejo: use Webpack (o Bundler de módulo similar) para administrar los componentes.

 import millennium from 'millenniumjs' ; 

Módulo CommonJS:

Consejo: use Browserify (o Bundler de módulo similar) para administrar los componentes.

 const millennium = require ( 'millenniumjs' ) ;

Hacer componentes sin estado

 import millennium from 'millenniumjs' ;

function Hello ( ) {

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

}

Consejo: use JSX para escribir su componente de manera declarativa.

 import millennium from 'millenniumjs' ;

function Hello ( ) {

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

}

Renderizar con DOM virtual

 import millennium from 'millenniumjs' ;

function Hello ( ) {
  // Markup
}

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

Documento

¿Te gustó?
Vea la documentación completa y comience ahora con Millennium.js.

---

Desarrollo

Empezando

Clon este repositorio e instale sus dependencias:

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

Construir

Construye la biblioteca a Dist:

$ npm run build

Construye la biblioteca, luego sigue reconstruyendo cada vez que los archivos de origen cambian usando Rollup-Watch:

$ npm run dev

Estilo de código

Siga la guía de estilo de código JS por Afonso Pacifer.

Todo el estilo de código es un validado automático con Eslint:

$ npm run lint

Documentos de código

Genere documentos de código con JSDOCS

$ npm run jsdocs

Ver documentos de código en out/index.html

Pruebas

Ejecute todas las pruebas unitarias:

$ npm test 

---

Versiones

Para mantener una mejor organización de lanzamientos, seguimos las pautas de Versiones semánticas 2.0.0.

Que contribuye

¿Quieres contribuir? Sigue estas recomendaciones.

Historia

Ver lanzamientos para el cambio de cambios detallado.

Licencia

Licencia MIT © Afonso Pacifer