Há algum tempo atrás participei de um processo seletivo para uma vaga para desenvolvimento front-end com foco em React.js. Na entrevista com a recrutadora, tudo estava indo bem. Conversamos, ela apresentou a empresa, me apresentei, passamos a entrevista para conversar em inglês, mas próximo do final ela me fez a seguinte pergunta:
Por favor, me explique o que é React
Recrutadora
Naquele momento, meu cérebro congelou. Não porque eu não sei o que é React.js. Conheço e trabalho com esta ferramenta todos os dias há anos. Mas congelei pelo fato de nunca parar para pensar em como explicar React.js para alguém não técnico.
Pensei por alguns instantes (que pareceram horas em minha mente) tentando encontrar alguma situação, cenário, objeto da vida real que eu pudesse construir uma analogia. Por fim, não fui capaz de construir essa analogia de imediato.
Minha saída? Expliquei da melhor forma que pude, passando pela razão do React existir, quais problemas ele resolve e como ele funciona. Acredito que ela não compreendeu o conceito, eu também não entenderia se estivesse na posição dela.
Mas agora, me veio novamente esta dúvida e um bom tempo depois, depois de algumas pesquisas e conversas com IAs generativas, acredito que estou pronto para tentar respondê-la.
O que é React.js (para não técnicos)?
Para quem não trabalha com código, o React.js é um nome que parece pertencer a outra dimensão. Ele é, na verdade, uma biblioteca JavaScript criada pelo Facebook (agora Meta) para construir interfaces de usuário (UIs).
Mas o que isso significa na prática? Tudo fica mais simples quando pensamos em situações do dia a dia. Vamos à alguns exemplos:
A cozinha de um restaurante
Imagine que você vai cozinhar em casa. Toda vez que faz uma receita, precisa separar ingredientes, preparar tudo do zero e organizar depois. De certa forma, se repetir esse processo diversas vezes no mesmo dia, tornará cansativo e ineficiente.
Agora, pense em um restaurante profissional: a cozinha já tem estações prontas — uma só para saladas, outra para massas, outra para sobremesas.
Cada estação funciona como um componente do React: é uma parte independente, pronta e reutilizável, que pode ser combinada para formar pratos diferentes.
O React ajuda os desenvolvedores exatamente nisso: criar pequenas partes reaproveitáveis de uma aplicação, em vez de começar sempre do zero.
O LEGO da tecnologia
Outra forma de imaginar o React é como um grande jogo de LEGO.
Pense em um site complexo, como o Facebook, o Instagram ou até mesmo o seu carrinho de compras em uma loja online. Eles não são feitos de uma peça única e estática. Eles são feitos de diversos componentes menores que precisam se atualizar de forma independente e muito rápida quando algo muda.
Cada peça é um componente: tem um formato específico, mas pode se encaixar em várias construções. Um botão “Curtir”, por exemplo, é um componente que pode ser reutilizado ou “encaixado” em diversas outras partes do código ou do LEGO que estamos construindo.
Outro ponto importantíssimo que o React traz é atualizações inteligentes. Imagine que você construiu um castelo de LEGO, no meio dele há um bonequinho, mas você deseja trocar o rosto dele. Se trouxermos este exemplo para a tecnologia, imagine que você clicou em um botão “Curtir” de uma imagem e a quantidade de curtidas deste elemento deve ser atualizada.
Sem o React: O navegador frequentemente precisa recarregar ou redesenhar a página inteira só porque um pequeno número de curtidas mudou. É como ter que desmontar e remontar um castelo inteiro de LEGO só para trocar o rosto de um bonequinho. É lento e desperdiça muito tempo e energia do seu computador.
Com o React: O React é muito mais inteligente. Quando você clica em “Curtir”, ele não redesenha a página toda. Ele olha para os seus “Componentes de LEGO” e diz: “Ei, apenas o contador de curtidas neste post específico mudou. Atualize somente essa pequena peça”.
A vitrine da loja
Vamos para outro exemplo da importância de atualizar de forma inteligente: agora pense em uma vitrine de loja. Se apenas uma etiqueta de preço precisa mudar, você não substitui toda a vitrine – apenas troca a etiqueta.
O React funciona do mesmo jeito: ele é inteligente para atualizar só a parte da tela que mudou, sem precisar reconstruir tudo.
Isso faz com que os aplicativos fiquem mais rápidos, econômicos e organizados.
Em resumo
- Componentes: são como peças de LEGO ou estações da cozinha: prontos, independentes e reutilizáveis.
- Eficiência: quando algo muda, o React atualiza apenas o necessário, como trocar uma etiqueta na vitrine.
- Organização: com pequenas peças, é possível construir coisas enormes, de forma mais simples e consistente.
No fim das contas, o React é como um “organizador silencioso” que está por trás da maioria dos sites e aplicativos modernos que você usa todos os dias.
Ele não aparece diretamente para o usuário, mas é o motivo pelo qual tudo parece rápido, interativo e confiável.
📢 Curtiu essa explicação?
Me siga no LinkedIn para mais conteúdos práticos sobre desenvolvimento frontend.
Referências
- How to Explain React to a Non-technical Audience?
- Conversas com Gemini
- Conversas com Chat GPT
