Por que me interessei pelo React?

Um dos motivos que teve um grande peso na minha decisão de troca de empresa foi as tecnologias as quais o mercado estava utilizando e eu não. Tenho um background em design e não em sistemas, porém, lendo artigos pude reparar que o modus operandi de construção de softwares o qual estava praticando não fazia parte das boas práticas e, para que esse cenário mudasse seria necessário alterar a stack também.

No episódio #169 JavaScript: manual de sobrevivência 2020 do Hipsters.tech comentaram uma história sobre o porquê de utilizar React na plataforma do Netflix considerando que não havia um alto nível de complexidade no layout e, durante um evento numa conversa informal com um dos engenheiros de lá surgiu a resposta: Nós tentamos fazer a nossa solução, no entanto, acabou escalando, temos a necessidade de nos adaptar a diversos devices, era necessário um tempo de tutoria para novos colaboradores e foi mais fácil adotar um padrão do mercado.

Gerenciamento de estado

Tecnicamente falando, o principal ponto forte do React é o gerenciamento de estado:

React faz com que a criação de UIs interativas seja uma tarefa fácil. Crie views simples para cada estado na sua aplicação, e o React irá atualizar e renderizar de forma eficiente apenas os componentes necessários na medida em que os dados mudam. - Reactjs.org

Isso quer dizer que a cada alteração que o usuário faz, você não precisa ter um elemento selecionado e atualizar manualmente seu estado. Por exemplo: Se você tiver um input de contador e fora dele um botão de mais e outro de menos, não é preciso criar funções e fazer um bind com botaoAdiciona.addEventlistener('click', () => {}).

Componentização

A possibilidade de criar componentes com a lógica e estilos encapsulados vem logo em seguida. Isso quer dizer que você pode se preocupar menos com bugs relacionados a escopo (variáveis e funções), assim como sobreposição de regras CSS e ainda tem a possibilidade de utilizar imports com facilidade (permitindo uma organização melhor da sua aplicação).

Server side rendering e React Native

O fato do React poder ser renderizado no servidor utilizando Node (aumentando a performance) e também poder gerar aplicações mobile com React Native é um plus a se considerar.

Por fim, utilizar uma tecnologia consolidada no mercado, com milhões de utilizadores, open source, bem documentado e com capacidade de importar pacotes e novas funcionalidades ajuda o projeto a escalar e ser mais estável.

Em breve continuamos…

Próximo tópico: O que é React e conceitos básicos.