Para quem está a começar no mundo da programação, é importante saber que a maioria das empresas hoje em dia realiza o seu desenvolvimento usando pelo menos um framework ou biblioteca, por vezes usando vários. Independentemente da linguagem de programação usada, seja PHP, Node.js, ou Java, isto oferece aos programadores uma arquitetura predefinida e uma série de recursos que facilitam o trabalho em equipa.
Javascript tornou-se a linguagem mais popular e difundida entre os programadores, graças à sua versatilidade e à sua ampla variedade de frameworks e bibliotecas. Hoje vamos discutir uma das bibliotecas mais usadas no mundo front-end que usa esta linguagem: React.
O perfil experiente de um developer fullstack deve dominar vários frameworks e bibliotecas, tanto front-end quanto back-end. Dentro de todas as tecnologias front-end, destacam-se frameworks como Angular, Vue, e o protagonista de hoje, React. Graças a estes frameworks de programação, um programador pode agradar até os designers mais criativos, criando qualquer tipo de animação complexa dentro da interface.
O que é o React?
React.js foi projetado por Jordan Walke, um programador do Facebook, que tentou resolver os problemas que esta rede social encontrou ao incorporar anúncios. Embora o trabalho de Walke tenha começado em 2010, só em Maio de 2013 é que a empresa de Mark Zuckerberg lançou o React como uma solução de código aberto. Desde então, houve muitos entusiastas desta biblioteca que continuaram a contribuir para a sua melhoria.
Graças ao trabalho de Walke, Facebook, e todos os programadores que contribuíram para a sua otimização, agora temos uma ferramenta que nos permite desenvolver aplicações web nas quais as visualizações front-end estão diretamente associadas aos dados back-end que recebem. Outras alternativas para manipular os elementos do DOM, como JQuery ou mesmo Javascript puro, resultam em código confuso e difícil de manter. React evita esses problemas ao propor uma arquitetura baseada em componentes, que são pedaços de código que usam HTML, CSS, e Javascript para que contenham tanto lógica quanto apresentação.
Estes componentes podem ser replicados e usados em diferentes partes da aplicação e em várias interfaces, criando um controle de fluxo mais ordenado, compreensível e bem orquestrado. É por isso que o React é uma das melhores alternativas quando se trata de construir Single Page Applications ou SPAs, que, como com a interface do Facebook, carregam diferentes visualizações numa única interface, sem necessidade de recarregar a página.
React vs Angular vs Vue.js
Outra premissa que aqueles que começam no mundo da programação nunca devem esquecer é que, dependendo do desenvolvimento que pretendem realizar, terão que utilizar algum tipo de ferramentas. Se planeia criar uma aplicação web ou simplesmente treinar para uma melhor posição no mercado, terá que levar em conta vários fatores ao escolher React, Vue, ou Angular.
Embora todos eles sejam usados para construir software, nem todos oferecem as mesmas possibilidades. Eles não são igualmente ágeis nem permitem uma escalabilidade semelhante.
Vamos visitar as principais diferenças e semelhanças que existem entre estes frameworks e bibliotecas para que nossa decisão seja o mais precisa possível:
Num estudo realizado pela empresa TechMagic, analisaram até 60.000 ofertas de emprego e descobriram que, de longe, React é a biblioteca mais procurada pelas empresas de tecnologia em todo o mundo.
Estes dados mostram as enormes possibilidades que o React oferece em comparação com seus concorrentes, incluindo Angular, o framework mais poderoso para muitos.
Embora haja quem questione a confiabilidade desta biblioteca quando se trata de construir grandes aplicações, a verdade é que é extremamente confiável ao oferecer um desempenho ótimo para qualquer tipo de aplicação, seja qual for o tamanho.
A confiabilidade do React é demonstrada não só pela sua presença no mercado, mas também pelas grandes empresas de tecnologia que empregaram o React para seus desenvolvimentos.
Entre as empresas que optaram pelo React estão o Facebook, claro, bem como Airbnb, Slack e Dropbox.
Em contraste com Angular, que é um framework, tanto Vue como React são bibliotecas (embora este seja um debate complexo no qual existem muitos pontos de vista!). Enquanto o primeiro, construído pelo Google, tem um núcleo mais poderoso, os outros dois precisam de bibliotecas adicionais para realizar certas tarefas. No entanto, isso não é um obstáculo ao trabalhar com o React, pois sua biblioteca tem inúmeras extensões construídas pela comunidade global que a usa, que permitem realizar qualquer tarefa com total confiabilidade.
Embora haja quem diga que isso é um fator negativo, a verdade é que apresenta uma vantagem importante:
O React proporciona maior liberdade ao escolher os recursos que mais gostamos, aqueles com os quais nos sentimos mais confortáveis realizando nossos desenvolvimentos e que nos oferecem boas soluções.
Podemos usar o Redux, que é extremamente consistente, para lidar com o estado da aplicação.
Vue é um recém-chegado ao mercado (introduzido em 2014) que ainda tem muito espaço para melhorar e não tem tantas possibilidades quanto o React.
Programar com Angular é muito mais restrito, com diretrizes mais marcadas que dificultam a liberdade do desenvolvedor.
Enquanto o Angular recorre ao DOM real, adicionando um grau adicional de complexidade tanto ao programar quanto ao depurar possíveis bugs que possam impactar negativamente o desempenho, isso não acontece com o React. Ao interagir com o DOM usando o React, a própria interface não recorre ao DOM real, mas usa o DOM virtual, que é muito mais ágil e torna todo o software muito mais dinâmico.
Isso porque a biblioteca concebida por Jordan Walke no ambiente do Facebook foi criada com o propósito de ser simples de usar, robusta e escalável. Esta maior liberdade que Vue e React fornecem também permite um maior nível de conhecimento a ser adquirido em menos tempo do que com o Angular.
Finalmente, outra vantagem do React é que existem bibliotecas nativas desenvolvidas pelo Facebook, que adaptam a arquitetura para aplicações de iOS e Android. Isso significa que com uma biblioteca como React Native, programadores com o conhecimento já adquirido e implementado em aplicações para desktop podem desenvolver apps nativas para ambientes móveis.
Porque Deverias Usar React?
Como podes ver, os benefícios que obténs do React são incríveis. Existem muitas possibilidades oferecidas por esta biblioteca, independentemente do tamanho do projeto e da aplicação que queres desenvolver. Além disso, como podes ver pela comparação com o Angular e o Vue, o React foi concebido com a ideia de que seria uma ferramenta simples de usar. Ao contrário de um framework como o Angular, podemos dominar a programação em React rapidamente, permitindo-nos tirar o máximo proveito dela e tornarmo-nos especialistas em pouco tempo.
Benefícios de usar React
Existem muitas outras vantagens que ainda não mencionámos, como:
É uma linguagem declarativa, o que a torna extremamente fácil de criar interfaces interativas, uma vez que é o React que se encarrega de atualizar e renderizar os componentes quando os dados do lado do servidor sofrem qualquer modificação.
A capacidade de usar JSX, que é usado como um pré-processador que nos poupa muito código, facilita a sintaxe, e é semelhante a escrever HTML, o que significa que estaremos a escrever código que será transformado em Javascript.
Começar com React
Se queres mergulhar no mundo do React, podes começar por fazer alguns testes:
A primeira coisa que terás de fazer é instalá-lo no teu computador.
Para isso, terás duas opções. A forma mais comum é instalar os pacotes npm e executá-los usando o terminal, depois instalar o React conforme indicado nas instruções da biblioteca npm. Depois, certifica-te de solicitá-lo no teu arquivo app.js para que possas usá-lo.
A segunda maneira é a mais sofisticada e produz os melhores resultados. Para esta opção, usarias o pacote npx projetado pelo Facebook, que te permite executar diretamente a aplicação de uma maneira muito mais simples.
Além disso, podes recorrer a executar o pacote npx create-react-app nome-da-app e assim verás como toda a arquitetura é gerada para que executá-la seja tão simples como digitar npm start na tua consola.
Como dissemos no início, escolher a ferramenta que melhor se adapta ao que vais fazer é crucial. No entanto, quando dás os teus primeiros passos no mundo da programação e começas a praticar, escolhe uma ferramenta versátil que te permita fazer aplicações web e otimizá-las para plataformas móveis em pouco tempo.
No mercado de hoje, o React é a melhor escolha. É por isso que vais estabelecer as bases da programação com React e realizar os teus primeiros projetos com esta biblioteca no Bootcamp de Desenvolvimento Web da Ironhack.
