Desvendando ReactJs

Desde seu lançamento essa lib JS vem tendo um crescimento exponencial, claro que o fato de o Facebook ter criado ela, ajudou com esse crescimento, muitos até chamaram o React.Js de “Moda Jovem”, ou seja, algo passageiro, pela velocidade que crescia e a força que ganhava pelo fato de ser Código Aberto

Segundo o Facebook, criador da linguagem a melhor definição de React é:

Uma biblioteca JavaScript declarativa, eficiente e flexível para criar interfaces visuais

Sempre existe essa confusão com iniciantes na linguagem, sobre o que o React é e para que serve, ele é uma biblioteca JavaScript que serve para criarmos interfaces visuais (UI).

Poderíamos encerrar por aqui esta explicação caro Dev, porém o React é muito mais do que isso, utilizando do React e todo seu ecossistema, temos a possibilidade de criar aplicações completas.

“Uma Arma Extraordinária.”

Esse Ecossistema é formado por:

• React
• JSX
• ES6/7
• Webpack
• Flux/Redux/Hooks
• axios/fetch
• Jest/Mocha

Mas, Como o React Funciona?

Ele funciona como o “V” do MVC, permitindo criar seus próprios componentes.

Numa aplicação em React você deve quebrar os diferentes elementos dela em pequenos componentes reutilizáveis. Cada vez que algo for complexo, quebre em pequenas partes e desenvolva e desenvolva esses componentes.

Simples, né?

Em um projeto Web baseado no padrão MVC, o React atuaria apenas na View, não se preocupando com o que está presente nas camadas anteriores, isso significa que ele suporta trabalhar em conjunto com qualquer linguagem do Back-end. Você pode usar o Node.js, Java, C#, Python, PHP e outras.

Outra característica fundamental do React, que vimos no texto acima, é que ele é baseado em componentes, como assim?

Imagine uma interface Web qualquer, por exemplo a interface do Facebook, que é para qual ele foi projetado inicialmente.

ela é bem complexa não?

Vários componentes trabalhando em conjunto ou sozinhos.

Imagine trabalhar toda essa interface em um único arquivo, seria algo inviável, pois a medida que a aplicação fosse crescendo ao longo do tempo a manutenção do código seria cada vez mais difícil. Pois o código de todas as partes da janela estaria ali em um único arquivo, e se precisássemos construir uma nova pagina teríamos que replicar código, o que é algo péssimo, dentro do conceito de desenvolvimento de software.

Nesse conceito a ideia é a reutilização de código, e facilitar a manutenção dele no futuro.

E para isso uma das praticas mais comuns é a componentização ou modularização do código, que é nada mais do que dividir o código em partes menores que podem ser reutilizada e evoluídas separadamente, para que caso eu tenha que alterar uma parte da aplicação, isso não altere a outra.

JSX

Explicando de maneira bem superficial, o JSX é uma extensão de sintaxe do JavaScript (daí o nome, JavaScript Syntax eXtension) que nos permite escrever HTML dentro do JavaScript.

O JSX era um dos motivos das criticas e piadas em relação ao React, segundo os críticos estávamos regredindo no tempo ao misturarmos HTML com JavaScript.

Graças a Grande Força!

Com o tempo a comunidade foi entendo a importancia do JSX e que foi uma decisão certa, tanto que foi se tornou um dos maiores motivos do grande sucesso do React.

Eai Dev, o que Achou?

Neste post entendemos um pouco do React.js, vimos que não é nenhum bicho de sete cabeças.

Que a força do código esteja com você!