تنزيل stylish components - تنزيل stylish components كود المصدر

stylish components

مكونات الطرف الثالث

1.0.0

تنزيل

مكونات أنيقة " style="max-width: 100%;">

stylish components عبارة عن مكتبة تصميم مكونات سريعة للغاية وخفيفة الوزن تشبه styled-components .

مقارنة بالمكونات المصممة

تفتقر هذه الحزمة إلى الكثير من الميزات التي توفرها المكونات المصممة، ولكنها توفر جميع الميزات التي أستخدمها شخصيًا. يمكنني إضافة السمات والرسوم المتحركة إذا طلب ذلك أو إذا كنت بحاجة إليها شخصيًا.

مقارنة حجم الملف

يكتب	مكونات على غرار	مكونات صغيرة وأنيقة
عادي	43 كيلو بايت	3.9 كيلو بايت
com.gzipped	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 > ;
}