gatsby theme superstylin

موضوع Superstylin ؟؟

موضوع غاتسبي مع الاسلوب؟

ما هو سوبر ستايلين؟

Superstylin' هو أحد سمات Gatsby الذي يستخدم المكونات المصممة كطريقة رئيسية لتصميم موقع Gatsby الخاص بك، وهو يوفر بنية سهلة للبدء لتتمكن من العمل مع أول موقع يعمل بنظام Gatsby.

حول المكونات المصممة

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

فوائد استخدام المكونات المصممة

باستخدام CSS الخاص بك في JS الخاص بك، يمكنك الحصول على قوة جافا سكريبت لإضافة المزيد من الوظائف إلى الطريقة التي تعلن بها أنماطك، ولكن مهلا، هذا ليس كل شيء!

فيما يلي بعض القراءات المثيرة للاهتمام لاكتشاف المزيد من فوائد المكونات المصممة.

• المكونات المصممة: تطبيق أفضل الممارسات في الأنظمة القائمة على المكونات
• السحر وراء؟ مكونات على غرار

شكرًا جزيلاً لـ Glen Maddern وMax Stoiber على صنع المكونات المصممة؟؟.

شكرًا جزيلًا أيضًا لكايل ماثيوز لبدء وصيانة غاتسبي ؟؟.

الأنماط المضمنة مقابل CSS في JS

اقرأ هذه المقالة الممتازة حول لماذا الأنماط المضمنة !== css-in-js بقلم Max Stoiber.

مميزات سوبر ستايلين ؟

• استخدم css-in-js مع سحر المكونات المصممة؟
• يستخدم GraphQL المدمج في Gatsby لجلب منشورات المدونة وفرزها
• من السهل التخصيص والبدء في استخدام موقع Gatsby الخاص بك
• مثالي للمواقع أو المدونات أو كليهما
• هيكل مشروع بسيط للغاية يساعدك على العمل بسرعة

التثبيت

داخل بداية الخاص بك:

$ yarn add gatsby-theme-superstylin

وأخيرًا، أضف السمة إلى gatsby-config.js الخاص بك:

 module . exports = {
  plugins : [ 'gatsby-theme-superstylin' ]
}

انظر العرض التوضيحي للحصول على مثال.

رخصة

مرخص بموجب ترخيص MIT، حقوق الطبع والنشر © 2018 Enrique Benitez

انظر الترخيص لمزيد من المعلومات.