Na fase 2 do meu bootcamp de engenharia de software, começamos a aprender a biblioteca/framework React.JS. Após a conclusão de vários laboratórios e participando de palestras, comecei a perceber a escalabilidade de usar o React em vez de simplesmente JavaScript.

Programação declarativa

Ao codificar em React, você está programando declarativamente. Isso significa que estamos descrevendo o que um programa deve realizar e como isso é realizado é determinado pelo programa. Em termos de JavaScript simples, você estaria programando imperativamente, o que significa que damos explicitamente as ações que um programa deve executar e descrevemos como um programa deve usar essas ações.

const header = document.createElement('h1');
header.textContent = "Hello World!";
header.className = "main";

const container = document.querySelector('#container')
container.append(header)

// JSX syntax
const header = <h1 className="main">Hello from React!</h1>;

ReactDOM.render(header, document.querySelector("#container"));

Componentes

O React funciona estruturando nossos aplicativos usando componentes. Os componentes são seções de nossa página web que permitem que eles manipulem e recebam seus próprios dados e estilo. O uso de componentes permite que os aplicativos sejam altamente reutilizáveis ​​e escaláveis, mantendo a mesma funcionalidade.

Conclusão

Uma analogia que aprendi na aula é que aprender React é como aprender como um carro funciona. Os carros têm muitas peças que são fundamentais para a produção de um veículo funcional. Pode ser útil saber como funciona o motor, a transmissão e o sistema de suspensão, mas o que pode ser mais necessário é entender como usar corretamente os pedais, dirigir o volante e trocar as marchas.