Durante os últimos anos, bibliotecas como Underscore e lodash, encontraram seu espaço no cinto de utilidades de muitos programadores JavaScript.
Embora essas bibliotecas ajudem a escrever e até facilitar a sua vida em partes do seu código, não necessariamente, esse código, fica simples ou de fácil entendimento. Quem estiver lendo ou mantendo o código será obrigado a, além de conhecer a linguagem e sua biblioteca padrão, também conhecer a biblioteca de utilitários que está sendo usada.
Bibliotecas vem e vão, e todo mundo tem sua favorita. Qual é a ordem de argumentos para essa função map()? De qual biblioteca que essa função vem? Underscore (o eterno favorito), lodash (o versátil e mais rápido irmão mais novo), Ramda (o primo que tem uma abordagem mais funcional, que tem todos os argumentos começando do lado direito), ou qualquer abstração legal que você encontrar hoje em dia?
Se você estiver em um time, quais bibliotecas favoritas você escolheria? E se eu te disser, que você pode escolher a biblioteca padrão do JavaScript?
Quando você escreve código usando a biblioteca padrão de funções, você está tornando ele mais fácil para usar, entender e manter futuramente (aliás, pode ser você essa pessoa, daqui uns meses, quem sabe?).
Tudo bem, pode ser que você tenha que digitar um pouco mais para atingir a mesma funcionalidade, mas, desde quando, a velocidade que escrevemos código, é o gargalo para criar e manter um bom software? 😉
É mais fácil de recuperar uma não-abstração do que uma abstração errada – Sebastian Markbåge
É muito mais fácil refatorar código verboso com poucas abstrações, do que códigos resumidos com uma abstração errada. Quando você começa a ver os padrões no seu código, repetidos por toda a parte, é hora de abstrair, você tem uma idéia de qual abstração correta você deve fazer, e provavelmente, vai acabar criando uma que valha a pena, mesmo contando com toda a sobrecarga que toda abstração adiciona.
JavaScript está evoluindo, e as novas edições, ES2015 e ES2016 (antes conhecidas como ES6 e ES7) trazem novas possibilidades, e ferramentas como Babel, deixam isso ainda mais fácil de se usar hoje em dia. Com isso em mãos, essas bibliotecas de funções utilitárias ficam obsoletas.
Ótimos recursos para aprender mais sobre as novas funções, a página em inglês, Learn ES2015 no site do Babel e o livro, em inglês, Understanding ECMAScript 6, escrito pelo Nicholas C. Zakas. Aprender e utilizar todos os poderosos recursos do JavaScript te dá uma segurança futura, pois elas terão vida mais longa do que a biblioteca do momento.
Mas não estou dizendo que não há espaço para bibliotecas de utilitários. Eu só estou dizendo que muitas das funções que eram essenciais para nós sermos produtivos quando escrevíamos ES3, podem ser escritas nativamente usando os recursos padrões do JavaScript.
Talvez você não precise de lodash ou Underscore.
Exemplos
Esses exemplos demonstram funcionalidades do ES5.1, ES2015 e ES2016, ficaram tão simples que você não precisa de uma biblioteca externa mais.
O que eu preciso para usá-los hoje em dia?
ES5 é suportado atualmente em todos os navegadores e no Node.js. Exemplos usando ES2015 e ES2016, podem ser compilados para ES5 usando Babel. É muito simples integrar o Babel no seu sistema, quase todas as ferramentas de automação hoje em dia, tem uma integração oficial. Se você precisar dar suporte para navegadores antigos (IE8), você pode utilizar a biblioteca es-shim, que traz quase todos os polyffils para ES5.
Arrays
Iteração
Underscore
ES5.1
Map
Underscore
ES5.1
Usar uma função para acumular o valor de um array (da esquerda para a direita)
Underscore
ES5.1
Usar uma função para acumular o valor de um array (da direita para a esquerda)
Underscore
ES5.1
Testar se todos os elementos de um array passam em uma operação
Underscore
ES5.1
Testar se um dos elementos de um array passam em uma operação
Underscore
ES5.1
Achar um valor em um array
Underscore
ES2015
Pegar uma propriedade de cada elemento do array
Underscore
ES2015
Verificar se o array contém o elemento
Underscore
ES2016
Convertendo um objeto array-like em array
Underscore
ES2015
Criando uma cópia do array e removendo todos os valores falsos
Underscore
ES5.1
ES2015
Criando uma cópia do array e removendo itens duplicados
Underscore
ES2015
Achando o index de um valor no array
Underscore
ES5.1
Achar o index de um valor no array baseado em uma operação
Underscore
ES2015
Criar um array com N números, começando do X
Underscore
ES2015
Objetos
Nomes de todas as propriedades enumeráveis do próprio objeto
Underscore
ES5.1
Número de chaves em um objeto
Underscore
ES5.1
Nome de todas as propriedades enumeráveis em array
Underscore
ES2015
Valores
Underscore
ES2015
Criar um novo objeto passando o prototype e propriedades
Underscore
ES2015
Criar um novo objeto a partir da mescla de suas propriedades
Underscore
ES2015
ES2016
Clonando um objeto e suas propriedades (cópia não recursiva de propriedades)
Underscore
ES2016
Verificando se o dado objeto é um array
Underscore
ES5.1
Verificando se o objeto é um número finito
Underscore
ES2015
Funções
Vinculando funções a novos escopos (ou binding)
Underscore
ES2015
ES2016
Utilidades
Funções de identidade
Underscore
ES2015
Uma função que retorna um valor
Underscore
ES2015
Funções vazias
Underscore
ES2015
Pegar o valor to tempo em milisegundos
Underscore
ES5.1
Template
Underscore
ES2015
Resumindo
Cada um dos exemplos demonstra as possibilidades que os novos padrões do JavaScript traz para nosso código do dia-a-dia. Re-aprenda o JavaScript de hoje!
Se interessou pelo assunto? Quer ver mais posts desse tipo? Alguma sugestão?
Deixe sua opinião aqui nos comentários ou mande um ping no twitter.
Artigo traduzido e adaptado de You Might Not Need Underscore escrito por Ville Immonen
