O que é React?

React é uma estrutura de pilha de tecnologia que pertence ao grupo JavaScript UI Libraries. É uma biblioteca JavaScript de front-end para construir interfaces de usuário. Isso torna o site mais interativo e rápido. React é freqüentemente usado como o V na arquitetura MVC. É simples experimentar o React em um pequeno recurso em um projeto existente porque ele não faz suposições sobre o resto da pilha de tecnologia.

Quem usa o React?

React é usado atualmente por 9.514 empresas, incluindo

· Uber

· Facebook

· Twitter

· Amazonas

· Shopify

· Instagram

· Pinterest

· Netflix

· Airbnb

Vantagens de reagir

· Facilita todo o processo de escrever componentes.

· Melhora a eficiência e facilita a manutenção futura.

· Garante um tempo de renderização mais rápido.

· Garante que o código é seguro.

· É amigável aos mecanismos de pesquisa.

· Inclui uma variedade de ferramentas úteis para desenvolvedores.

· Para a criação de aplicativos móveis, existe o React Native.

· É centralizado e simples de entender.

· Tem uma comunidade poderosa por trás disso.

· É usado por empresas da Fortune 500, bem como por startups de ponta.

Desvantagens de reagir

· A rápida taxa de mudança

· Falta documentação.

· Apenas a parte da vista

· JSX como barreira

Recursos do ReactJs

A comunidade de desenvolvedores adora o ReactJs por seus recursos robustos. Alguns dos recursos do ReactJs que o distinguem dos demais são:

· Virtual Dom

· Reação Nativa

· IU Declarativa

· Arquitetura Baseada em Componentes

· Ligação de dados unilateral

1. Virtual Dom

O Virtual DOM é um dos recursos mais importantes do React, que permite a criação rápida e flexível de aplicativos.

O React pode recriar uma página da web em sua memória virtual graças ao seu algoritmo de reconciliação de memória. Um DOM virtual é um reflexo de um DOM inicial dessa maneira. O React compara o DOM virtual com o DOM original e, a seguir, renderiza as alterações. Tornando os aplicativos React mais rápidos.

2.JSX

JSX significa JavaScript XML.

É uma linguagem de marcação muito semelhante ao HTML e é usada para explicar a aparência da interface de usuário de um aplicativo.

3. Ligação de dados unilateral

O fluxo de dados unilateral é um dos motivos mais convincentes para usar o Reactjs em seu próximo projeto. O fluxo de dados no Reactjs é unidirecional. Como resultado, os desenvolvedores não podem modificar nenhuma parte diretamente. Para fazer ajustes nos elementos, eles devem usar a função de retorno de chamada. A vinculação de dados unilateral é o nome desse processo.

4. Reagir nativo

React Native é um renderizador Reactjs customizado. O React Native usa componentes nativos em vez de componentes da web.

5. IU declarativa

Para projetar interfaces de usuário envolventes e envolventes para aplicativos móveis e da web, Reactjs é a melhor opção.

Reactjs cria e atualiza os componentes apropriados no caso de alteração de dados. Ele cria uma visualização simples para cada estado do aplicativo. Esta função melhora a legibilidade do código e torna a depuração mais fácil.

6. Arquitetura baseada em componentes

Reactjs tem uma arquitetura baseada em componentes. Em outras palavras, a interface do usuário de um aplicativo móvel ou web baseado em React é dividida em várias seções. Cada componente segue sua própria lógica. Em vez de usar modelos, a lógica é escrita em JavaScript. Isso permite que os desenvolvedores do Reactjs transfiram dados em torno da estrutura sem se preocupar com o DOM.

Como criar seu primeiro aplicativo React?

Antes de instalar o React, precisamos nos certificar de que instalamos o npm em nosso computador. Você pode verificar digitando o código abaixo no terminal

npm -v

Se estiver instalado, ele exibirá a versão ou você terá que instalar o npm.

Se você já instalou o npm, pode digitar o código abaixo no terminal para criar seu aplicativo de reação.

npx create-react-app myapp

Em vez de myapp, você pode digitar o nome do seu projeto React. Certifique-se de que o nome contenha apenas letras simples, caso contrário, você pode obter um erro. Depois de executar o comando acima, levará alguns minutos para concluir a instalação e, uma vez concluída, uma pasta será criada com o nome fornecido contendo os arquivos necessários para seu projeto React.

Entre na pasta e abra o terminal e digite o código abaixo para iniciar o servidor.

npm start

Isso iniciará o servidor e, assim que o servidor for iniciado, abra seu navegador favorito e digite localhost: 3000 e veja se obtém o resultado abaixo, caso não tenha certeza de que seguiu os passos acima corretamente.

Parabéns! você criou seu primeiro aplicativo React. Você pode abrir a pasta do projeto em seu IDE favorito e começar a editar.

Se você precisa saber mais sobre o React, pode visitar o site oficial em https://reactjs.org/