No artigo de hoje falaremos sobre o node.js e sua importância no universo do desenvolvimento web. Node js A um tempo atrás apenas existiam os navegadores para suportar a execução do javascript, então o Ryan Dahl em 27 de maio de 2009 publicou o node. O node.js é um ambiente de execução do javascript fora do browser, ou seja, podemos executar o javascript inteiramente num servidor. Ele foi construído com o mecanismo de javascript V8 da Google Chrome e foi projetado para criar aplicativos de rede escaláveis e de alta performance. O node é utilizado no desenvolvimento de aplicativos de servidor, como servidores web, APIs e microsserviços. Ele proporciona uma plataforma de desenvolvimento eficiente para criar aplicativos com alta concorrência, escalabilidade e baixa latência. Nativamente o node tem uma ampla variedade de módulos disponíveis que permitem que os desenvolvedores criem rapidamente aplicativos complexos. Além disso, o node possui uma comunidade vasta de desenvolvedores ativos, com muitos recursos disponíveis para ajudar os desenvolvedores a aprender e trabalhar com ele, incluindo documentação detalhada, tutoriais, vídeos e exemplos de código. Isso faz do node uma ótima forma de iniciar na carreira de desenvolvedor backend. Quem utiliza? O node é utilizado por muitas empresas e organizações em todo o mundo, incluindo algumas das maiores empresas de tecnologia, como Netflix, PayPal, Walmart, Linkedin, Microsoft, Uber e muitas outras. Ele é particularmente popular entre as empresas que precisam criar aplicativos de rede escaláveis e de alta performance, pois ele é bem adequado para lidar com grandes quantidades de solicitações de rede concorrentes, o que o torna uma escolha popular para empresas que desejam construir aplicativos de alta carga e alta disponibilidade. Vantagens e desvantagens O Node.js tem diversas vantagens e desvantagens que os desenvolvedores devem levar em consideração ao decidir usá-lo em seus projetos. Aqui estão algumas delas: Vantagens Velocidade: O node.js é construído sobre o mecanismo de javascript V8 da Google, que é altamente otimizado para desempenho. Isso faz com que ele seja muito rápido e eficiente em termos de recursos. Escalabilidade: O node.js é bem adequado para construir aplicativos escaláveis e de alta performance que lidam com grandes volumes de solicitações concorrentes. Ele usa um modelo de E/S não bloqueante que permite que um único thread atenda a várias solicitações simultaneamente. Compartilhamento de código: O Node.js permite que os desenvolvedores usem JavaScript tanto no front-end quanto no back-end, o que pode tornar o compartilhamento de código entre essas duas camadas mais fácil e eficiente. Grande comunidade: O Node.js tem uma grande comunidade de desenvolvedores ativa e crescente que oferece muitos recursos, incluindo módulos, bibliotecas e documentação detalhada. Desvantagens: Modelo de programação assíncrono: O modelo de programação assíncrono do Node.js pode ser difícil de entender e pode levar a código mais complexo. Além disso, a execução assíncrona pode levar a problemas de controle de fluxo em código complexo. Gerenciamento de erros: O Node.js pode ser menos tolerante a erros do que outras plataformas, o que significa que os desenvolvedores precisam ser mais cuidadosos com o gerenciamento de erros em seus aplicativos. Em geral, o Node.js é uma plataforma poderosa e popular para o desenvolvimento de aplicativos de rede escaláveis e de alta performance, mas acredito que ele tenha mais vantagens e benefícios de utilizá-lo.

O typescript nada mais é que uma extensão da linguagem javascript, ou seja, um javascript com poderes a mais. Ele adiciona recursos de tipagem estática, interfaces, classes e outros recursos orientados a objetos para o javascript. Foi desenvolvido e é mantido pela Microsoft, fortemente utilizado em projetos de grande escala, principalmente em aplicações web, desktop e mobile. Criamos uma função que calcula o dobro do valor, que foi passado por parâmetro, podemos ver que ao chamar essa função e passar uma string o vs code não acusa nenhum erro, mas deveria, afinal, não queremos misturar caracteres com números. Ao usarmos o .ts no final do arquivo já podemos ver a diferença, tipamos o valor do parâmetro como number e ao passar uma string ele acusa o erro. Em quais frameworks podemos utilizar o typescript? O TypeScript é compatível com uma ampla variedade de frameworks e bibliotecas, tanto do lado do cliente quanto do servidor. Alguns dos principais frameworks e bibliotecas que suportam o typescript incluem: Angular: O Angular é um dos frameworks para desenvolvimento de aplicativos web, e é totalmente escrito em typescript. O typescript é a linguagem recomendada para o desenvolvimento com o Angular, e o uso conjunto dos dois ajuda a garantir uma tipagem forte, melhoria da produtividade e confiança no código. React: O React é uma das bibliotecas javascript mais populares para a criação de interfaces de usuário, e também é totalmente compatível com o typescript. Vue.js: O Vue.js é um framework javascript progressivo que é compatível com o typescript desde sua versão 2.5. Node.js: O Node.js é uma plataforma de desenvolvimento javascript para construir aplicativos do lado do servidor (backend). O typescript é compatível com o Node.js, permitindo que os desenvolvedores escrevam código de backend com tipos estáticos e recursos orientados a objetos. Além desses frameworks, o typescript também é compatível com uma ampla variedade de outras bibliotecas e frameworks do ecossistema javascript, como o Express.js, o Nest.js e muitos outros. Por que utilizar typescript em projetos react? Quando falamos de React podemos utilizar o typescript ao nosso favor para usufruir de todos os seus benefícios, podemos listá-los: IntelliSense: Devido ao typescript ter integração com a IDE, como o Visual Studio Code, ele tem suporte total ao IntelliSense, ou seja, ao longo do desenvolvimento o desenvolvedor tem acesso a sugestões de código baseado na tipagem dos dados, documentações e informações sobre os tipos das variáveis e funções em tempo real. Segurança: O typescript usa tipagem estática, o que pode ajudar a evitar erros comuns de programação antes da execução do código. Isso pode resultar em um código mais seguro e confiável, e uma maior capacidade de manter projetos de grande escala. Escalabilidade: Conforme um projeto React cresce, a manutenção do código pode se tornar algo mais complicado. O typescript vem para tornar o código mais escalável, adicionando recursos orientados a objetos como classes e interfaces. Isso torna a manutenção do código mais fácil e transparente, pois, teremos a tipagem correta dos dados. Comunidade: O typescript é uma linguagem open source desenvolvida pela Microsoft, logo, há uma grande comunidade de desenvolvedores trabalhando em melhorias e correção de bugs constantemente. Quanto mais pessoas na comunidade mais fácil buscar por soluções ou dúvidas. Desvantagens do typescript: Curva de aprendizado: O typescript é uma linguagem mais complexa do que o javascript, o que significa que pode haver uma curva de aprendizado para os desenvolvedores que não estão familiarizados com o typescript. Isso pode levar a uma diminuição temporária na produtividade. Menor flexibilidade: A tipagem estática pode fornecer segurança e confiabilidade, mas também pode limitar a flexibilidade do código. Algumas vezes é necessário forçar o tipo de uma variável e pode ser complexo usar a tipagem de uma biblioteca em específico. Maior complexidade do código: Às vezes, o uso do typescript pode resultar em um código mais complexo e menos legível, especialmente se a verificação de tipos e outros recursos avançados não forem usados adequadamente. Maior uso de memória: O typescript requer mais memória do que o javascript devido à necessidade de manter informações adicionais sobre tipos de variáveis. Isso pode ser um problema em projetos com limitações de memória. Em resumo, o typescript pode ajudar a tornar o desenvolvimento de aplicativos mais seguro, escalável e eficiente, além de oferecer suporte a ferramentas populares de desenvolvimento. Uma vez que aprendemos a utilizá-lo, não pretendemos desenvolver aplicações com o javascript puro.

Pensar na escalabilidade é importante antes de iniciar um projeto novo, durante o projeto não podemos ignorar a importância de ter um projeto performático, o vite irá nos ajudar nesses pontos. Imagine o cenário que criamos o projeto utilizando o CRA padrão (Create React app), à medida que nosso projeto vai aumentando e temos mais componentes, páginas, hooks, etc, o javascript que lidamos também vai aumentando, isso causará um gargalo de desempenho: demora excessiva para instalar as dependências, rodar o aplicativo local e fazer o build do aplicativo. Poderemos esperar até minutos para finalizar os processos citados e com certeza isso irá impactar negativamente no projeto. O vite não usa o webpack e sim o rollup (mais rápido) para gerar o build. E dentro do ambiente de desenvolvimento o vite usa o ES build, outra ferramenta mais performática com o conceito de módulo (import e export) nativo do navegador. Vamos ver um comparativo da criação de um projeto React com CRA e Vite: Com o CRA tivemos exatos 1 minuto para criar o projeto e instalar suas dependências. O mesmo processo com o vite foi realizado em 10 segundos. Mas essa não é sua principal vantagem em relação ao CRA, conforme o projeto for ficando maior essa distância de tempo vai aumentando entre os dois, enquanto o CRA poderá levar minutos para rodar ou buildar a aplicação, o vite levará segundos para realizar a mesma tarefa. Agora um comparativo entre CRA e Vite durante o desenvolvimento: Utilizando um bundler como webpack ou rollup, quando um módulo sofre uma alteração ele acaba compilando todos os módulos e assim gerando o bundle para vermos em tela as alterações no navegador. Agora utilizando o ESM ao alterar um módulo ele faz o fluxo contrário e não compila os módulos que não foram utilizados, tornando o processo muito mais rápido e leve. O vite está disponível em diversas bibliotecas: Além do javascript podemos ter um template typescript do projeto, não precisamos mais fazer qualquer configuração manual do typescript, apenas começar a escrever os códigos. Um ponto negativo que encontrei foi o fato de certas configurações terem de ser feitas manualmente, como a configuração do Jest, por exemplo. Mas, temos uma solução para isso, pois, existe um repositório no github que traz vários templates para projetos com setup pronto: https://github.com/vitejs/awesome-vite. Recomendo sempre utilizar o vite, seja em pequenos ou grandes projetos. Referências: https://vitejs.dev/guide/why.html