12 bibliotecas JavaScript para assistir em 2017
Com centenas de bibliotecas JS gratuitas, é difícil saber onde colocar sua energia. Alguns acabam sendo descartados ou bifurcados em novos projetos, enquanto outros crescem rapidamente e obtêm ampla adoção.
A maioria dos desenvolvedores já conhece os grandes nomes como jQuery e React. Mas neste post eu gostaria de apresentar doze bibliotecas JS alternativas que são menos conhecidas, mas que estão aumentando rapidamente.
1) D3.js
Big data é uma indústria crescente e Visualização de dados está rapidamente se tornando tão importante. Há toneladas de bibliotecas de mapeamento e mapeamento, mas poucas se destacam tanto quanto D3.js . Essa biblioteca JS trabalha com elementos SVG e canvas para renderizar gráficos, gráficos e visualizações dinâmicas na web.
É totalmente grátis, e é uma das ferramentas de visualização mais poderosas criadas em JavaScript. Se você está procurando uma maneira moderna de renderizar dados no navegador, eu recomendo dar uma olhada nesta biblioteca para ver o que ela oferece.
2) Node.js
Eu sei que muitos devs estão cansados de ouvir sobre Nó o tempo todo. Mas é realmente a biblioteca JS que mais cresce e oferece muito mais do que um ambiente de desenvolvimento. Com o NPM, você pode gerenciar pacotes locais para todos os seus projetos diretamente da linha de comando.
Isso faz do Node um kit de ferramentas de desenvolvimento completo que funciona bem com outras ferramentas como o Gulp. Além disso, dezenas de projetos de código aberto relacionados foram construídos no Node para que você possa trabalhar com testes de unidade em Mocha.js ou construir uma interface de front-end com o Sails.js estrutura.
Se você ainda não experimentou o Node, talvez fique surpreso com o quanto está perdendo.
3) Riot.js
A renderização do DOM virtual e os elementos personalizados distribuem a biblioteca React. Tornou-se rapidamente a escolha de todos os profissionais que desejam uma poderosa biblioteca de interface digital para o desenvolvimento de front end.
Mas Riot.js está colocando uma luta sólida, oferecendo uma boa alternativa ao React. Usando a estrutura do Riot, você ainda tem acesso a um DOM virtual, mas é muito mais fácil de controlar com requisitos de sintaxe mais simples. Infelizmente esta biblioteca não é tão grande quanto o React e não é alimentada pelo Facebook, então você não terá a enorme comunidade. Mas é uma alternativa saudável e é um concorrente decente no espaço de front end.
4) Create.js
De animação web a mídia digital, você pode trabalhar com tudo CreateJS . Esta não é uma biblioteca única, mas sim um conjunto de bibliotecas construídas para diferentes propósitos. Por exemplo, o Easel.js funciona com elementos de tela HTML5, enquanto o Tweet.js ajuda você a criar interpolações e animações personalizadas para a Web.
Todas as bibliotecas desta coleção têm um propósito diferente e oferecem recursos modernos para todos os principais navegadores. Mas a maioria dessas bibliotecas ajuda com recursos especializados, por isso eles são mais usados em sites especializados. Se você está curioso, então dê uma olhada no Criar site da JS para ver o que oferece.
5) Keystone.js
Anteriormente mencionei o Node.js e quantas outras bibliotecas foram construídas sobre ele. Keystone.js é um exemplo fantástico que vai além do Node, oferecendo um mecanismo CMS em grande escala.
Com Keystone você pode construir Webapps MÉDIA alimentado por Node / Express e MongoDB no backend. Keystone.js é totalmente gratuito, mas ainda é muito novo. No momento da redação deste documento, é apenas na v0.3, portanto, há um longo caminho a percorrer para uso profissional.
Mas se você for agradado por um JavaScript CMS puro, confira e veja o que pensa.
6) Vue.js
No mundo dos frameworks front-end, você normalmente encontra duas opções proeminentes: Angular e Ember. Mas Vue.js é outra escolha muito popular e está rapidamente ganhando mais atenção desde a sua versão v2.0 .
O Vue é uma estrutura JavaScript frontend do MVVM, de modo que se afasta da arquitetura típica do MVC. É complicado aprender, mas a sintaxe é simples quando você entende como tudo funciona. É certamente uma opção viável na guerra dos frameworks front-end, e vale a pena ficar de olho nele nos próximos anos.
7) Meteoro
Você pode integrar qualquer plataforma no Estrutura do meteoro com resultados fantásticos. Esse projeto de código aberto ajuda os desenvolvedores a criar aplicativos com tecnologia JS, sejam eles aplicativos de bate-papo em tempo real ou comunidades sociais ou painéis personalizados.
Existe até um quadro de notícias sociais chamado Telescópio construído em cima do meteoro. Isso permite que você crie um site de notícias sociais / votação social a partir do zero, rodando em Meteor e React.
Meteor é uma fera de uma biblioteca com muitos recursos, mas não é fácil de aprender. No entanto, é divertido e habilidoso desenvolvedores JS podem construir quase tudo com esta plataforma.
8) Chart.js
Com Chart.js você pode criar gráficos de barras, gráficos de linhas, gráficos de bolhas e muitos outros recursos semelhantes usando JavaScript e a API de tela. Esta é uma das bibliotecas JS mais simples para gráficos de dados e vem com opções internas para animações.
Esta é uma das poucas bibliotecas que eu recomendo para gráficos de dados porque é fácil de configurar, fácil de personalizar e vem com alguns dos melhores documentação de qualquer projeto de código aberto.
9) WebVR
Parece que a realidade virtual tomou o mundo de assalto com novas startups e desenvolvedores entusiasmados trabalhando incansavelmente em projetos de RV. É por isso que não fiquei surpreso em encontrar WebVR , uma nova API JavaScript criada para RV no seu navegador.
Isso funciona com os dispositivos mais populares, como o Oculus Rift e o Vive, mas atualmente está em fase de desenvolvimento. A API é de código aberto e constantemente testada em navegadores modernos para avaliar como ela funciona em dispositivos de realidade virtual.
Se você está curioso para aprender mais ou se envolver com o projeto, confira o site oficial ou visite o Página do MozVR para mais informações.
10) Three.js
É uma loucura ver o quanto de animação 3D cresceu desde a década de 1980 até hoje. Estamos todos familiarizados com filmes animados em 3D, mas a animação da web ainda é uma nova fronteira. E felizmente temos bibliotecas como Three.js abrindo caminho para animação 3D na web.
No site principal, você encontrará dezenas de exemplos ao vivo de Three.js em ação. Você pode criar planos de fundo sensíveis a movimento, gráficos da Web em 3D personalizados e elementos de interface dinâmica que usam efeitos de animação 3D. Se você tiver bastante paciência e dirigir, poderá criar qualquer efeito 3D com essa biblioteca. É o melhor recurso para movimento 3D na Web e vem com muitos exemplos para você começar.
11) Omniscient.js
A programação funcional com JavaScript não é uma novidade. Mas é bastante novo na web e agora é muito mais comum com bibliotecas como Omniscient.js . Essa biblioteca de código aberto lida com visualizações com um processo de renderização top-down para todos os componentes front-end. Você pode escrever código JS funcional a partir do zero e trabalhar com bibliotecas de interface do usuário existentes, como o React.
Eu recomendaria especificamente esta biblioteca para qualquer desenvolvedor experiente que deseja um processo de desenvolvimento mais suave. É um assunto complicado para iniciantes, mas o Omniscient pode mudar radicalmente seu fluxo de trabalho de desenvolvimento quando usado em coordenação com os componentes do React.
12) Ractive.js
Se você está procurando por uma biblioteca de interface do usuário que é diferente do resto eu acho Ractive.js encaixa bem o molde. Ele vem com ligação bidirecional para elementos de modelo e dados para que você possa construir modelos com elementos que se ligam a funções Ractive em JavaScript.
Esta é uma biblioteca bastante densa, mas oferece uma das curvas de aprendizado mais suaves para iniciantes. Não é tão detalhado quanto o React, e usa uma sintaxe muito diferente em JS e HTML. Visite a site principal para saber mais e confira o página de exemplos para ver o que é possível com o Ractive.
Todas as bibliotecas desta publicação têm algo único para oferecer à comunidade JS. Se você gosta de mexer com JavaScript, dê uma olhada em cada biblioteca aqui e veja o que eles podem oferecer aos seus projetos de desenvolvimento web.