# 149: Introducción rápida al nodo de laboratorio de patrones con Brian Muenzenmeyer - Trucos CSS

Anonim

En este screencast me emparejo con Brian Muenzenmeyer que, entre otras cosas, trabaja en Pattern Lab. Específicamente, la versión Node de Pattern Lab, junto con Geoff Pursell.

Debo señalar: este screencast apenas arañó la superficie de lo que ofrece Pattern Lab. No es una descripción completa. Brian dijo que un taller reciente de 8 horas ni siquiera pudo cubrirlo todo. Los temas cubiertos en este screencast son:

  1. ¿Qué es Pattern Lab?
  2. ¿Por qué lo usaría?
  3. Instalarlo y ver cómo funciona

Partimos de absolutamente nada, instalamos Pattern Lab y comenzamos a jugar con él. Brian me ayuda en el camino mientras conduzco.

Pattern Lab Node viene en versiones Grunt y Gulp. Usamos la versión de Gulp para este screencast, pero creo que se desarrollan en paralelo. La versión de Gulp está ejecutando Gulp 4, a la que mi máquina aún no se actualizó, así que cubrimos cómo hacerlo sin necesidad de actualizar y potencialmente arruinar otros proyectos.

Más cosas que debe saber sobre el laboratorio de patrones

  • Pattern Lab también tiene una versión PHP más madura que fue construida por Dave Olsen, que tiene un soporte más robusto para Twig y Drupal.
  • Recientemente se publicó en Smashing Magazine una buena descripción general de Pattern Lab desde un nivel conceptual. Brian dice: “Pattern Lab es ideal para equipos y empresas de cualquier tamaño, y se puede conectar a casi cualquier flujo de trabajo. Al menos dos empresas de la lista Fortune 50 lo están utilizando para potenciar sus productos web ".
  • Además de Moustache, Pattern Lab Node puede crear plantillas para Handlebars, Underscore y Twig, con varios niveles de soporte.