A pesquisa State of JS de 2021 foi realizada de 13 de janeiro a 2 de fevereiro 2022 e coletou 16.085 respostas. A pesquisa é conduzida por mim, Sacha Greif, com a ajuda de uma equipe de colaboradores e consultores de código aberto. O logotipo e a camiseta deste ano foram desenhados por Christopher Kirk-Nielsen.
Objetivos da pesquisa
Esta pesquisa, juntamente com a pesquisa State of CSS, foi criada para identificar tendências futuras no ecossistema de desenvolvimento da Web para ajudar os desenvolvedores a fazer escolhas tecnológicas. Como tal, essas pesquisas estão focadas em antecipar o que está por vir nos próximos anos, em vez de analisar o que é popular agora, e é por isso que os recursos ou tecnologias mais difundidos atualmente nem sempre são incluídos. Eles também devem ser considerados um vislumbre de um subconjunto específico de desenvolvedores e não devem falar por todo o ecossistema.
Projeto de Pesquisa
A pesquisa foi projetada em parte com base na pesquisa do ano passado, com um período de feedback aberto em que o esboço da pesquisa foi discutido no GitHub. Todas as perguntas da pesquisa eram opcionais.
Público-alvo da pesquisa
A pesquisa foi abertamente acessível on-line e os entrevistados não foram filtrados ou selecionados de forma alguma. Os entrevistados eram principalmente uma mistura de entrevistados de pesquisas anteriores (alertados por meio de uma lista de emails dedicada) e tráfego de mídia social. Observe que frameworks, bibliotecas, etc. eram livres para encorajar seu público a participar da pesquisa e alguns deles tiraram vantagem disso por meio de banners, tweets, etc. Um detalhamento das fontes de tráfego está incluído no gráfico "Fontes".
Representatividade e Inclusão
Embora acreditemos que seja importante dar voz a todas as comunidades, a realidade é que uma pesquisa aberta como esta sempre terá dificuldades para representar todos adequadamente, especialmente ao operar em sistemas que já carregam seus próprios pré-conceitos inerentes.
Para contrabalançar isso, estamos implementando três estratégias distintas:
Extensão: sempre tentamos alcançar diferentes organizações (como organizações focadas em BIPOC ou LGBTQ, ou plataformas de ensino online) para tentar diversificar nosso próprio público.
Análise de dados: por meio de recursos como facetas e variantes, estamos sempre tentando facilitar a exibição das vozes de qualquer segmento demográfico, por menor que seja em nossos dados.
Redução de barreira: tornar a pesquisa muito longa, inacessível, lenta para carregar, somente em inglês etc. pode contribuir para a imposição de uma "taxa de esforço" que corta as partes da comunidade que não podem pagar por isto. Corrigir esses problemas pode diminuir a barreira de entrada e, no processo, tornar nosso público mais diversificado.
Financiamento do projeto
O financiamento deste projeto vem de uma variedade de fontes:
Venda de camisetas.
Patrocínios do gráfico: os membros da comunidade podem doar para a pesquisa em troca de terem seu nome em destaque no relatório.
Links patrocinados: os links para recursos recomendados na parte inferior de cada página são fornecidos pelo nosso parceiro Frontend Masters.
Outros financiamentos: este ano, a equipe do Google Chrome reservou um pequeno orçamento para ajudar a contratar um consultor de acessibilidade para trabalhar nas pesquisas de CSS e JS.
Apesar dessas fontes de financiamento, as pesquisas continuam sendo principalmente um projeto autofinanciado em geral e qualquer contribuição ou patrocínio seria muito apreciado. Gostaria especialmente de estreitar a colaboração com mais fornecedores de navegadores, por desempenharem um papel tão central no ecossistema da web.
Visão geral técnica
Você pode encontrar uma visão geral técnica mais detalhada de como as pesquisas são executadas aqui.
- Coleta de dados: aplicativo personalizado Vulcan.js.
- Armazenamento/processamento de dados: MongoDB e agregações.
- API de dados: API GraphQL do Node.js.
- Site de resultados: Gatsby aplicativo React.
- Visualizações de dados: Nivo React dataviz library.
- Fonte: IBM Plex Mono e [Bebas Neue](https://fonts.google.com/specimen/Bebas+ Neue).