O Valor de referência ajuda você a entender quais recursos são interoperáveis em mecanismos de navegadores modernos e seguros para uso hoje. Mas como usar o Valor de referência nos seus projetos? Esta página apresenta materiais para ajudar você a decidir como usar a ferramenta e algumas das considerações que você precisará fazer nessa jornada.

Saiba como a referência funciona

O valor de referência oferece clareza nas mensagens usando três limites. Esses limites indicam o nível de interoperabilidade no conjunto principal de navegadores: Chrome para Android e computador, Firefox para Android e computador, Safari no macOS e iOS e Edge. Ao ver esses rótulos e símbolos, você pode ter uma ideia rápida de como os recursos da Web estão bem estabelecidos nos mecanismos de navegador modernos:

Os recursos de disponibilidade limitada são aqueles que não estão implementados no conjunto principal de navegadores. O uso desses recursos exige planejamento, possivelmente considerando polyfills e melhoria progressiva.
Os recursos recém-disponibilizados são aqueles que foram implementados recentemente no conjunto principal de navegadores. Quando você vê que os recursos estão "Recém-disponibilizados", significa que eles serão compatíveis com mais navegadores com o tempo.
Os recursos amplamente disponíveis são aqueles que foram interoperáveis no conjunto principal de navegadores por pelo menos 30 meses. Quando os recursos estão disponíveis para todos, é possível esperar que eles sejam bem compatíveis com o conjunto principal de navegadores.

Antes de usar o Baseline no seu projeto, decida qual meta usar. Uma meta de base é uma meta móvel que evolui para adicionar mais recursos interoperáveis ao longo do tempo ou uma meta fixa que representa o conjunto mais recente de recursos interoperáveis para um determinado ano. Saiba como selecionar sua meta de valor de referência de maneira baseada em dados neste guia.

Adicionar o Baseline ao seu projeto

Acompanhar quais recursos são navegadores interoperáveis pode ser uma tarefa por si só, mas usando o Baseline no seu projeto, além de ferramentas para ajudar nisso, você pode reduzir o trabalho envolvido. O Browserslist vem com várias consultas integradas que facilitam ao máximo o uso do Baseline no seu projeto.

Adicione o Baseline às suas ferramentas de linting e empacotamento de desenvolvimento com consultas específicas do Baseline agora integradas ao Browserslist.
Aprenda a integrar o Baseline a um projeto da Web usando webpack, Babel e PostCSS com este codelab.

Confira as demonstrações do Baseline

Se você está procurando inspiração para descobrir como usar o Baseline nos seus projetos, confira estas demonstrações de integrações de ferramentas:

Saiba como usar o Baseline com seu projeto webpack.
Saiba como usar o Baseline com seu projeto de rollup.

Nem todos os recursos da Web são interoperáveis, mas isso não significa que você não possa usá-los. Como parte do Baseline, não informamos se você deve usar recursos não interoperáveis ou não. Essa é uma decisão que você precisa tomar por conta própria, e publicamos orientações sobre como pensar nisso.

Criar suas próprias ferramentas de configuração de referência

Você está procurando uma ferramenta específica para o Baseline, mas não consegue encontrar? As ferramentas de valor de referência são um espaço em desenvolvimento, e é possível que o que você precisa ainda não tenha sido desenvolvido. Se você for do tipo empreendedor, poderá criar suas próprias ferramentas. Esses artigos mostram como usar dados de recursos da Web de algumas maneiras para criar ferramentas úteis para você e outras pessoas.

Saiba mais sobre o Painel da plataforma da Web e como consultar a API HTTP para criar ferramentas de referência.
Saiba como usar os dados no pacote npm web-features para criar suas próprias ferramentas de linha de base.