millenniumjs

Millennium.js

ทำให้ส่วนหน้าของคุณไม่ถึง 12 พาร์เซก

คืออะไร?

ไลบรารี JavaScript สำหรับสร้างส่วนประกอบไร้สัญชาติที่ใช้งานได้และแสดงผลด้วยเสมือน DOM เหมาะอย่างยิ่งสำหรับการสร้างแอปพลิเคชั่นที่มีแสงสว่างและรวดเร็วด้วย Redux

คุณสมบัติที่ดีที่สุด

• ส่วนประกอบ ที่ใช้งานได้
• อุปกรณ์ประกอบฉากที่กำหนดเอง สำหรับจัดการการไหลของข้อมูลทิศทางเดียว
• การเรน เดอร์เสมือนจริง
• การเลือกง่ายโหนด DOM จริงที่มี การอ้างอิง ทั่วโลก
• เข้ากันได้กับ JSX
• การรวมเข้าด้วยกันกับ Redux ได้ง่าย

ใช้อย่างไร?

ติดตั้ง

เคล็ดลับ: ตรวจสอบว่าคุณติดตั้งโหนดและ NPM หรือไม่

$ npm install millenniumjs --save-dev

การตั้งค่า

ES6/ECMASCRIPT 2015 โมดูล:

เคล็ดลับ: ใช้ WebPack (หรือโมดูล Bundler ที่คล้ายกัน) เพื่อจัดการส่วนประกอบ

 import millennium from 'millenniumjs' ; 

โมดูล CommonJS:

เคล็ดลับ: ใช้เบราว์เซอร์ (หรือโมดูลที่คล้ายกัน) เพื่อจัดการส่วนประกอบ

 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

รูปแบบรหัส

ติดตามคู่มือสไตล์ JS Code โดย Afonso Pacifer

รูปแบบรหัสทั้งหมดจะตรวจสอบโดยอัตโนมัติด้วย ESLINT:

$ npm run lint

เอกสารรหัส

สร้างเอกสารรหัสด้วย jsdocs

$ npm run jsdocs

ดูเอกสารรหัสใน out/index.html

การทดสอบ

เรียกใช้การทดสอบหน่วยทั้งหมด:

$ npm test 

---

การกำหนดเวอร์ชัน

เพื่อให้การจัดระเบียบที่ดีขึ้นของการเผยแพร่เราปฏิบัติตามแนวทางการกำหนดเวอร์ชันความหมาย 2.0.0

การบริจาค

ต้องการมีส่วนร่วม? ทำตามคำแนะนำเหล่านี้

ประวัติศาสตร์

ดูรุ่นสำหรับการเปลี่ยนแปลงโดยละเอียด

ใบอนุญาต

ใบอนุญาต MIT © Afonso Pacifer