# 149: Uma introdução rápida ao nó de laboratório de padrões com Brian Muenzenmeyer - CSS-Tricks

Anonim

Neste screencast, junto com Brian Muenzenmeyer, que, entre outras coisas, trabalha no Pattern Lab. Especificamente, a versão Node do Pattern Lab, junto com Geoff Pursell.

Devo ressaltar: este screencast mal arranhou a superfície do que o Pattern Lab oferece. Não é uma visão geral abrangente. Brian disse que um workshop recente de 8 horas não conseguiu cobrir tudo. Os tópicos abordados neste screencast são:

  1. O que é o Pattern Lab?
  2. Por que eu usaria?
  3. Instalando e vendo como funciona

Começamos do nada e instalamos o Pattern Lab e começamos a brincar com ele. Brian me ajuda no caminho enquanto dirijo.

O Pattern Lab Node vem nas versões Grunt e Gulp. Usamos a versão Gulp para este screencast, mas acredito que sejam desenvolvidos em paralelo. A versão do Gulp está executando o Gulp 4, para o qual minha máquina ainda não foi atualizada, então abordamos como fazer isso sem a necessidade de atualizar e, potencialmente, atrapalhar outros projetos.

Mais informações sobre o laboratório de padrões

  • O Pattern Lab também tem uma versão de PHP mais madura, construída por Dave Olsen, que tem suporte mais robusto para Twig e Drupal.
  • Uma boa visão geral do Pattern Lab em um nível conceitual foi publicada recentemente na Smashing Magazine. Brian diz: “O Pattern Lab é adequado para equipes e empresas de qualquer tamanho e pode se conectar a quase todos os fluxos de trabalho. Pelo menos duas empresas da Fortune 50 estão usando para ajudar a impulsionar seus produtos da web. ”
  • Além do Mustache, o Pattern Lab Node pode construir modelos para Handlebars, Underscore e Twig, com vários níveis de suporte.