stylish components

ส่วนประกอบที่มีสไตล์ " style="max-width: 100%;">

stylish components เป็นไลบรารีการกำหนดสไตล์ส่วนประกอบที่รวดเร็วและมีน้ำหนักเบาซึ่งคล้ายกับ styled-components

เมื่อเทียบกับองค์ประกอบที่มีสไตล์

แพ็คเกจนี้ขาดคุณสมบัติมากมายที่องค์ประกอบสไตล์มีให้ แต่มีคุณสมบัติทั้งหมดที่ฉันใช้เป็นการส่วนตัว ฉันอาจเพิ่มธีมและภาพเคลื่อนไหวหากมีการร้องขอหรือหากฉันต้องการเป็นการส่วนตัว

การเปรียบเทียบขนาดไฟล์

พิมพ์	สไตล์ส่วนประกอบ	ส่วนประกอบที่มีสไตล์เล็กๆ
ปกติ	43กิโลไบต์	3.9 กิโลไบต์
gzip	16.3 กิโลไบต์	1.7 กิโลไบต์

เริ่มต้นใช้งาน

ติดตั้ง:

  yarn add tiny-stylish-components

หรือ

  npm install tiny-stylish-components -S

การสร้างส่วนประกอบ:

 import { stylish } from 'tiny-stylish-components' ;

const Button = stylish . button `
  background: #ffffff;
  color: #a2a2a2;
  border: none;
` ;

render ( ) {
  return < Button > I am a button! Click Me! </ Button > ;
}

ดูเอกสารประกอบฉบับเต็มสำหรับกรณีการใช้งานขั้นสูงเพิ่มเติม!