# 149: Pengenalan Cepat Pola Lab Node dengan Brian Muenzenmeyer - Trik CSS

Anonim

Dalam screencast ini saya berpasangan dengan Brian Muenzenmeyer yang, antara lain, bekerja di Pattern Lab. Secara khusus, versi Node dari Pattern Lab, bersama dengan Geoff Pursell.

Saya harus menunjukkan: screencast ini hampir tidak menyentuh permukaan dari apa yang ditawarkan oleh Pattern Lab. Ini bukan gambaran yang komprehensif. Brian mengatakan lokakarya 8 jam baru-baru ini bahkan tidak dapat mencakup semuanya. Topik yang dibahas dalam screencast ini adalah:

  1. Apa itu Pattern Lab?
  2. Mengapa saya menggunakannya?
  3. Memasangnya dan melihat cara kerjanya

Kami mulai dari nol dan menginstal Pattern Lab dan mulai bermain dengannya. Brian membantu saya selama saya mengemudi.

Pattern Lab Node hadir dalam versi Grunt dan Gulp. Kami menggunakan versi Gulp untuk screencast ini, tapi saya yakin mereka dikembangkan secara paralel. Versi Gulp menjalankan Gulp 4, yang mesin saya belum diupgrade, jadi kami membahas cara melakukannya tanpa perlu mengupgrade dan berpotensi mengacaukan proyek lain.

Lebih Banyak Hal yang Perlu Diketahui Tentang Pattern Lab

  • Pattern Lab juga memiliki versi PHP yang lebih matang yang dibuat oleh Dave Olsen, yang memiliki dukungan Twig dan Drupal yang lebih kuat.
  • Gambaran yang baik tentang Lab Pola dari tingkat konseptual baru-baru ini diterbitkan di Majalah Smashing. Brian berkata: "Pattern Lab sangat cocok untuk tim dan perusahaan dengan berbagai ukuran, dan dapat digunakan di hampir semua alur kerja. Setidaknya dua perusahaan keberuntungan 50 menggunakannya untuk membantu memberdayakan produk web mereka. ”
  • Selain Mustache, Pattern Lab Node dapat membuat template untuk Handlebars, Underscore, dan Twig, dengan berbagai tingkat dukungan.