As principais tendências do Javascript em 2019

Tempo de leitura: 8 minutos

Respire fundo. 2018 acabou. Se você foi enterrado até o pescoço em projetos, este artigo mostrará a você os maiores desenvolvimentos em JavaScript de 2018 e algumas previsões sobre o que 2019 pode trazer.

Você pode usar isso para entender quais estruturas seriam boas para aprender. E se você quiser ainda mais contexto, dê uma olhada nos posts anteriores sobre o tema aqui no blog.

React vs Vue (oh e angular também)

O Facebook teve seu pior ano do mundo, mas você não o conheceria ao analisar o React. O framework front-end ainda é, de longe, o mais dominante de todos os frameworks, e ainda é o mais amado também.

O React introduziu uma nova API de contexto, relatórios de erros mais precisos e Hook (spoiler do que esta por vir aqui no blog), um recurso no qual você pode usar o estado e outros recursos do React sem escrever uma classe (atualmente em beta).

Isso não quer dizer que o Vue.js tenha ficado para trás. Pelo contrário, o Vue também teve atualizações excelentes na forma do Vue CLI v3, uma nova ferramenta CLI para criar aplicativos Vue pré-configurados e verificar as estatísticas de desempenho. O framework cresceu significativamente de novo, e sua comunidade de código aberto continua tão apaixonada como sempre, com o VueConf crescendo mais popular a cada ano.

Eu estaria errado em não mencionar o Angular. Como todos sabemos, o Angular ainda não vai morrer tão cedo. Ao comparar termos de pesquisa no Google, o React e o Angular ainda estão muito à frente do Vue. Semelhante para empregos: há muito mais trabalhos que mencionam Angular e React do que há que mencionam Vue. Este post vai mais detalhadamente sobre isso, mas basta dizer que o Angular está longe de estar morto e definitivamente ainda pode conseguir um emprego para você.

Node.js e o cenário de back-end

A pesquisa com usuários do Node.js em 2018 confirma que:

• ES2017 é mais amplamente adotado agora.
• A maioria dos desenvolvedores planeja aumentar o uso do Node em 2019.
• O aumento de popularidade em Rust, Go, Python e Java está fazendo com que alguns desenvolvedores expandam suas qualificações para permanecerem relevantes.

Em particular, eles mencionaram que os desenvolvedores do Node.js querem aumentar seu envolvimento no Go em 2019, mas vemos desenvolvedores querendo mudar para o Go a cada ano. A enorme falta de vagas disponíveis, no entanto, continua a fazer com que seja uma aposta de como você gasta seu tempo de aprendizado em 2019.

A crescente popularidade do GraphQL também ajudou a introduzir mais devs no Node, já que a maioria dos tutoriais do GraphQL ensina a implementação usando o Node + Express.

Next.js continua sua popularidade, mas não entre muitas grandes empresas dispostas a dar o salto. Certamente, apesar de ainda ser uma ótima opção para GraphQL.

GraphQL

A maior história de sucesso de 2018. Talvez não faça parte dos 17% de desenvolvedores de JS que ainda não sabem o que é, pois esse trem está se movendo rapidamente. O GraphQL atua como substituto das APIs REST e cresceu com incrível velocidade nos últimos dois anos.

Apollo, um cliente GraphQL, é baixado 500k vezes por semana em comparação com 10k vezes por semana há um ano atrás. Os 21% dos usuários do Node também estão usando o GraphQL.

Github, Netflix, PayPal, Salesforce, Atlassian, Reddit – apenas para citar algumas empresas com tráfego insano que já estão aproveitando o poder de escalabilidade do GraphQL.

Menos código (envio mais rápido), desempenho consistente, melhor segurança. Um dos maiores benefícios do GraphQL é que ele permite que o cliente obtenha apenas os dados desejados.

Sempre haverá um app pra isso

O surgimento de aplicativos da Web progressivos (PWAs) significa que os aplicativos da web se tornaram tão bons quanto aplicativos móveis. Ir para m.facebook.com e compará-lo com o aplicativo móvel Facebook real. Você pode ver alguma diferença? Porque eu não posso.

Dito isto, os aplicativos ainda são extremamente importantes para dispositivos móveis e para computadores. E o JavaScript está se espalhando para o desenvolvimento de aplicativos também, pois é mais fácil criar aplicativos com JavaScript.

As ferramentas que você usará serão o Electron para aplicativos de desktop ou o React Native for mobile, embora vale a pena ficar de olho no NativeScript.

Na maioria das empresas de hoje, a conversa é centrada em React Native vs. Flutter, o concorrente do Google que utiliza o Dart.

Eu pessoalmente esperaria 2019 antes de mergulhar muito em Flutter, principalmente porque o React é uma habilidade comum que você pode aplicar ao React Native e ainda assim obter a maior parte dos benefícios do que você obteria usando o Flutter. Dito isso, cabe ao investimento do Facebook no React Native decidir o desempenho do Flutter nos próximos dois anos.

Teste, teste… esta coisa está ligada?

Em termos de teste de JavaScript, não há muito o que relatar, já que é praticamente uma igualdade de condições.

Os três primeiros são Jest, Mocha e Jasmine.

Jest continuou sua forte liderança em 2018 e continuará em 2019.

Storybook

Este ano viu o lançamento do Storybook 4.0, que agora suporta seis novas camadas de visualização (incluindo Ember e Svelte) e agora se integra melhor com o React Native, que é uma grande vitória para o campo React Native.

A história do Storybook, continuando a ser impulsionada com inovação e estilo de sua comunidade. Agora, é o explorador de componentes de interface do usuário mais popular e continua sendo uma das minhas comunidades de desenvolvedores favoritas para assistir ao crescimento.

No final, o Webpack prevaleceu

No ano passado, um concorrente da Webpack se juntou ao ranking: Parcel.

Embora tenha ganho mais estrelas no Github do que o GraphQL tem nesse curto período de tempo, não planeje destronar o Webpack tão cedo.

Em vez disso, ele terá uma finalidade diferente no ecossistema dev: introduzindo iniciantes para criar ferramentas e servindo como uma opção rápida para projetos paralelos sem o inchaço do Webpack e a complexidade da configuração.

Linguagens que compilam para JavaScript

TypeScript, Elm, ClojureScript – assistimos a todos eles nos últimos anos para inspirar uma abordagem mais inteligente, segura e elegante de codificação. É um movimento muito necessário no oeste selvagem do JavaScript.

Aponto para o Reason (o Facebook já tem o já bem estabelecido OCaml) como a próxima grande coisa para o JS, especialmente os desenvolvedores do React. Jordan Walke, o criador do React, na verdade pensou em Reason antes de criar o React; mas naquela época, coisas como o TypeScript não existiam e ninguém estava interessado em aprender outra sintaxe e compilar para o JS.

O TypeScript, em particular, ajudou realmente a abrir caminho para a Reason começar a ganhar mais força em 2019 e 2020.

O TypeScript já está bem à frente do jogo e será um forte concorrente, o PLUS WebAssembly está finalmente pronto para jogar, o que introduzirá uma nova multidão de concorrentes para a Reason, como o Rust, cada vez mais popular.

Mas por causa da enorme influência do React sobre o desenvolvimento hoje, até 2020 você verá absolutamente o Reason / ReasonReact como uma parte importante do ecossistema do JS, contanto que a comunidade dev em geral continue amadurecendo em sua abordagem à codificação.

GatsbyJS

A história de Gatsby continua a surpreender. Em 2018, levantou US $ 3,8 milhões e está em chamas desde então.

Mais e mais marcas estão aproveitando o poder do Gatsby para seus sites estáticos, enquanto ainda conseguem extrair dados de qualquer lugar usando o GraphQL.

2019 só continuará a ver mais adoção do Gatsby, especialmente porque o ecossistema massivo do WordPress começa a abranger mais também.

Fusão de Design e Desenvolvimento

Enquanto isso, react-sketchapp fez um grande splash, permitindo que você sincronize e renderize seus ativos do Sketch com componentes React de alta qualidade. Para aqueles que já mudaram para o Figma, não deixe de conferir sua API.

A ascensão da adoção do Figma em particular foi interessante de ver, pois está claro que as habilidades de um designer estão evoluindo além da arte e tornando-se um membro contribuinte do time de desenvolvimento através de ótimas ferramentas como Figma, FramerX, etc.

Espero que continuemos a ver mais ferramentas de crossover como essas em 2019, pois elas têm sido um sonho para desenvolvedores por muito tempo.

Material de Estudo

GraphQL
Vue.js
Storybook
Webpack
Electron
React Nativo
GatsbyJS
react-sketchapp
Figma
Framer

Eu esqueci de uma tendência que você acha importante? Deixe um comentário abaixo e vamos adicionar à lista.

Gostou do conteúdo? Não deixe de seguir a uebile nas redes sociais, pois toda semana tem post novo aqui no blog com mais dicas para o seu impulso digital.