millenniumjs

Millennium.js

프론트 엔드를 12 개의 파르세스 미만으로 렌더링하십시오.

무엇인가요?

기능성 무국적 구성 요소를 생성하고 가상 DOM으로 렌더링하기위한 JavaScript 라이브러리. Redux를 사용하여 울트라 라이트 및 빠른 응용 프로그램을 만드는 데 이상적입니다.

최고의 기능

• 기능성 구성 요소 .
• 단방향 데이터 흐름을 관리하기위한 사용자 정의 소품 .
• 가상 DOM 렌더링.
• Global Refs를 가진 쉬운 선택 실제 DOM 노드.
• JSX 와 호환됩니다.
• Redux 와의 쉬운 통합.

사용 방법?

설치하다

팁 : 노드와 NPM이 설치되어 있는지 확인하십시오.

$ npm install millenniumjs --save-dev

설정

ES6/ECMAScript 2015 모듈 :

팁 : WebPack (또는 유사한 모듈 Bundler)을 사용하여 구성 요소를 관리합니다.

 import millennium from 'millenniumjs' ; 

CommonJS 모듈 :

팁 : Browserify (또는 유사한 모듈 Bundler)를 사용하여 구성 요소를 관리합니다.

 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

라이브러리를 빌드 한 다음 롤업 시계를 사용하여 소스 파일이 변경 될 때마다 계속 재건됩니다.

$ npm run dev

코드 스타일

Afonso Pacifer의 JS 코드 스타일 안내서를 따르십시오.

모든 코드 스타일은 Eslint를 사용하여 자동 유효성 검사입니다.

$ npm run lint

코드 문서

JSDOC와 함께 코드 문서를 생성합니다

$ npm run jsdocs

out/index.html 에서 코드 문서를 봅니다

테스트

모든 단위 테스트 실행 :

$ npm test 

---

버전 작성

더 나은 릴리스 구성을 유지하기 위해 Semantic Versionsing 2.0.0 지침을 따릅니다.

기여

기여하고 싶습니까? 다음과 같은 권장 사항을 따르십시오.

역사

자세한 변경 사항은 릴리스를 참조하십시오.

특허

MIT 라이센스 © Afonso Pacifer