JavaScript, conforme definido pela Mozilla , é:
“Uma linguagem de script ou programação que permite implementar coisas complexas em páginas da Web – toda vez que uma página da Web faz mais do que ficar sentada e exibir informações estáticas para você olhar – exibindo atualizações de conteúdo oportunas, mapas interativos, 2D / 3D animado gráficos, jukeboxes de vídeo com rolagem etc. – você pode apostar que o JavaScript provavelmente está envolvido. ”
Essencialmente, o JavaScript, frequentemente abreviado como JS, é usado para alimentar o conteúdo / mídia interativa em uma página. O JS ajuda você a fazer mais com seu conteúdo, para que você possa fornecer animações ao usuário , conteúdo relevante para ele com base em determinados parâmetros e gráficos especiais. Isso é usado amplamente em sites e empresas globais para diversos fins. Alguns exemplos populares incluem:
- Serviços distribuídos da Netflix
- Criação do React pelo Facebook
- Mercados do Walmart
Neste artigo, estamos analisando as cinco principais estruturas JavaScript para 2019.
O que é um Framework?
Uma estrutura é “uma abstração na qual o software que fornece funcionalidade genérica pode ser seletivamente alterado por código adicional escrito pelo usuário, fornecendo, portanto, software específico para o aplicativo”. As estruturas são construídas sobre as linguagens para acelerar processos e desenvolver ferramentas específicas. alguns exemplos de estruturas CSS para o design aqui .
Vue.js
O Vue é uma estrutura progressiva para a construção de interfaces com o usuário. O Vue foi projetado desde o início para ser adotado de forma incremental, facilitando a integração e a conexão com projetos existentes.
O Vue também é super rápido, com 20KB min + gzip Runtime e otimização mínima necessária para alimentar seus aplicativos.
A maneira como o Vue funciona é através de estilos de modelo semelhantes ao Angular. É um idioma rápido e fácil de trabalhar para aplicativos , interface do usuário e desenvolvimento de interface interativa, e também é capaz de alimentar projetos de páginas da web.
Uma das maiores razões pelas quais as pessoas gostam do Vue em relação a outras estruturas é o fato de poupar muito tempo durante a renderização. O Vue rastreia as dependências do componente para que o sistema já saiba quais componentes precisam ser renderizados novamente quando algo mudar.
Veja exemplos de sites legais, aplicativos e projetos feitos com vue.js .
Angular
Angular é construído para o futuro. A estrutura é mantida por uma equipe de engenheiros que compartilham a paixão por fazer com que o desenvolvimento da Web seja fácil. Eles acreditam que escrever aplicativos bonitos deve ser alegre e divertido. Saiba mais sobre o Angular aqui.
Hoje, o Angular é útil porque utiliza o TypeScript de ponta para aplicações maiores. O texto datilografado é definido como ‘JavaScript que escala’. Devido à maneira como o Typescript foi projetado, milhões de desenvolvedores podem usar o código JavaScript existente, incorporar bibliotecas JavaScript populares e chamar o código TypeScript do JavaScript. Isso facilita muito o processo de grandes projetos com muitos colaboradores. A criação do Angular é eficiente e permite que os desenvolvedores se concentrem mais em velocidade e desempenho.
O Angular segue um padrão clássico de MVP (Model View Presenter) para aplicativos complexos. Esse é um conceito usado pelas pessoas para dividir grandes projetos em ‘separação de preocupações’ específica e áreas para focar no desenvolvimento. Você pode ler mais sobre esse conceito aqui .
Confira feito com angular para ver exemplos interessantes de projetos criados nesse framework.
React
React é uma biblioteca JavaScript para criar interfaces com o usuário. O React foi criado pelo Facebook, inicialmente para uso nos aplicativos de feed de notícias e Instagram. A estrutura foi de código aberto no JSConf US em maio de 2013.
Semelhante ao Vue, o React é eficiente na renderização e altera apenas os componentes necessários ao interagir com o estado. A reação também muda a maneira como as pessoas podem interagir com os estados e trabalha para evoluir o processo de desenvolvimento. É baseado em componentes, o que significa que cada seção encapsulada pode gerenciar seu próprio estado, o que é importante em UIs complexas e de grande escala.
O que é reagir?
Este vídeo faz um ótimo trabalho detalhando exatamente o que é o React e como ele é usado.
Express
O Express é uma estrutura minimalista que roda sobre o Node.js , um tempo de execução JavaScript criado no mecanismo JavaScript V8 do Chrome e usado por muitos aplicativos de grande escala.
Express é uma estrutura de aplicativos da web rápida e mínima para aplicativos da web e móveis. Pense nisso como a estrutura para a criação de sites. O Express ajuda você a exibir seus aplicativos rapidamente, fornecendo vários métodos para criar APIs com facilidade também.
Muitas outras estruturas populares são construídas sobre o Express devido à simplicidade e facilidade de integração. Você pode ver a lista completa aqui .
Tutorial do Express.js: criar APIs RESTful com nó e Express
Vídeo recomendado de programação com o Mosh on Express:
Redux
Redux é um sistema de gerenciamento de dados usado principalmente com o React. Para projetos de grande escala com muitas partes móveis, o Redux ajuda a organizar os dados e manter tudo funcionando previsivelmente, mesmo em ambientes muito diferentes.
O Redux enfatiza a depuração e a facilidade de uso. Eles escrevem:
“O Redux DevTools facilita o rastreamento de quando, onde, por que e como o estado do seu aplicativo mudou . A arquitetura do Redux permite registrar alterações, usar “depuração de viagem no tempo” e até enviar relatórios completos de erros para um servidor “.
Uma coisa importante a ser observada sobre o Redux é que você não deve usá-lo, a menos que seja absolutamente necessário! De acordo com o Redux FAQ, “ a necessidade de usar o Redux não deve ser tomada como garantida. Vários colaboradores iniciais do projeto proclamam que é algo que você saberá quando precisar e que somente precisará quando surgirem outros problemas.
Dan Abramov diz: “Gostaria de alterar isso: não use o Redux até que você tenha problemas com o Vanilla React”.
Portanto, lembre-se disso antes de saltar a todo vapor para essa estrutura poderosa e um pouco avançada. É definitivamente útil, mas apenas em larga escala e ao lidar com grandes quantidades de dados que mudam ao longo do tempo.
Leia mais sobre os usos recomendados para Redux aqui .
Indo além da Vanilla JS
Uma coisa que todas essas estruturas têm em comum é que elas ajudam os desenvolvedores a realizar mais em menos tempo. Essa é uma grande parte do apelo deles.
Cada estrutura tem seus pontos fortes, pontos fracos e casos de uso ideais. Qual você escolhe realmente depende das necessidades específicas do seu projeto.
Mas, agora que você sabe um pouco mais sobre eles, terá uma vantagem em escolher o caminho certo.