REACT E SEUS CONCEITOS

Depois do post mostrando como criar sua primeira aplicação web em React que pode ser encontrada neste link, vamos falar um pouco sobre mais sobre as funcionalidades dessa poderosa biblioteca.

O react é uma biblioteca javascript de código aberto. É utilizado nos sites da Netflix, Imgur, Feedly, Airbnb, SeatGeek, HelloSign, Walmart e outros. O react utiliza o JSX(JavaScript Syntax eXtension) que permite escrever código html dentro do javascript, além disso o React tem como função principal auxiliar a criação da UI permitindo a utilização de components. Assim é possível a criação de componentes customizados. Por exemplo se precisarmos de um botão, é possível criar um componente que pode ser reaproveitado com parâmetros customizados, poupando tempo e código repetido.

Um exemplo de componente (dentro de uma função) pode ser visualizado abaixo com o componente Header:

Com esse componente criado, apenas precisamos chamá-lo sempre que necessário:

Este conceito é muito utilizado em conjunto com o conceito de propriedade, ou apenas props, pois permite passar através desses componentes alguns parâmetros sempre que necessário. Por exemplo, um título dentro deste componente poderia ser escrito dessa forma:

Outro conceito do React muito utilizado é o de estado e imutabilidade, utilizado sempre que queremos armazenar uma informação a partir do componente. Em resumo, o estado vai armazenar e alterar uma informação e a imutabilidade irá garantir que a variável do estado não seja alterada de uma forma direta, dando mais performance e segurança para sua aplicação:

Estes três conceitos definem as funcionalidades mais utilizadas no React, mas a biblioteca vai muito além. Para saber mais sobre como criar sua primeira aplicação web em react e utilizar esses poderosos conceitos, acesse criando sua primeira aplicação web em react.

Autor: Eliton Dioni