O que é React e para que serve?

De onde vem o React?

A web tradicionalmente tem sido construída em HTML, JavaScript e CSS, separados em diferentes pastas. Isso faz com que seja complicado escalar e extrair certas partes do código (especialmente JS e CSS) para migrar ou reutilizar funcionalidades devido às dependências entre essas linguagens.

Mas o que aconteceria se colocássemos tudo isso em um único pacote? Isso é o que os engenheiros do Facebook devem ter se perguntado e levou ao lançamento da primeira versão da já famosa biblioteca em meados de 2013.

React é baseado em um paradigma chamado programação orientada a componentes no qual cada componente é uma peça com a qual o usuário pode interagir. Essas peças são criadas usando uma sintaxe chamada JSX, permitindo escrever HTML (e opcionalmente CSS) dentro de objetos JavaScript.
Esses componentes são reutilizáveis e se combinam para criar componentes maiores até configurar um site completo.
Esta é a forma de ter HTML com toda a funcionalidade de JavaScript e o estilo gráfico de CSS centralizado e pronto para ser abstraído e usado em qualquer outro projeto.

¿Por qué React?

O React traz uma série de vantagens claras em relação à forma clássica de criar um site, suas facilidades para o desenvolvimento, juntamente com o desempenho, a flexibilidade e a organização do código, fazem dele uma das melhores opções.

Uma das principais razões para que isso seja possível é o uso do DOM virtual. O React é capaz de gerar o DOM de forma dinâmica, faz as alterações em uma cópia na memória e depois a compara com a versão atual do DOM. Dessa forma, evita renderizar toda a página sempre que houver mudanças, aplicando apenas a alteração ao componente que foi atualizado, de maneira simples e rápida. Isso proporciona uma melhor experiência do usuário, além de um desempenho e uma fluidez impressionantes.

Em todo projeto web é importante levar em conta o posicionamento, e precisamente este é um dos principais problemas deste tipo de frameworks, isso se deve ao desacoplamento entre a parte do cliente e do servidor, o conteúdo HTML é obtido por meio de requisições à API e posteriormente é gerado, isso faz com que quando o robô do Google rastreia o site o conteúdo ainda não exista. Com React não teremos esse problema já que permite isomorfismo, isso significa que é capaz de renderizar esse HTML tanto no cliente quanto no servidor, de forma que quando o robô do Google chegar poderemos entregar o conteúdo já renderizado e isso nos permitirá posicionar tão bem quanto o típico WordPress de sempre.

React Native merece outro post para ele sozinho, mas por enquanto vale comentar que é outra ferramenta que compilando o mesmo código Javascript facilita a geração de aplicativos nativos para Android, iOS, etc

Qual é a aceitação no mercado?

A última pesquisa do StackOverflow revela que React é o framework mais amado e mais desejado neste último ano, além de já ser o segundo mais usado, ficando atrás apenas do jQuery. Isso está fortemente ligado ao fato de que Javascript volta a ser a linguagem mais popular pelo sétimo ano consecutivo, o que marca uma tendência claramente ascendente.

Não é por acaso que empresas como Netflix, Airbnb, Dropbox, Paypal, Tesla, Whatsapp, Uber, etc. tenham apostado por essa tecnologia. O investimento que o Facebook fez junto ao grande número de desenvolvedores que contribuíram para essa biblioteca de código aberto fazem com que seja uma aposta segura para o futuro.

React e Drupal

Drupal 8 é um poderoso CMS que oferece uma grande customização de backend e proporciona muita flexibilidade na gestão de conteúdos. Na Drauta somos especialistas em design web e usamos React no desenvolvimento de aplicações para melhorar a velocidade de carregamento das páginas e o frontend.