## Introdução

ReactJS é uma biblioteca JavaScript popular para construção de interfaces de usuário. Ele usa uma arquitetura baseada em componentes, facilitando a criação de aplicativos complexos e interativos. Neste tutorial, mostraremos como instalar o ReactJS no Ubuntu 20.04 LTS (Focal Fossa).

Pré-requisitos

Antes de começar, você precisará do seguinte:

* Um computador rodando Ubuntu 20.04 LTS.
* Um editor de texto (como nano ou vi).
* Um emulador de terminal (como Terminal GNOME ou Konsole).

Etapa 1:instalar o Node.js

ReactJS requer Node.js para ser executado. Para instalar o Node.js, siga estas etapas:

1. Abra um emulador de terminal.
2. Atualize o índice do pacote:

```
atualização do sudo apt
```

3. Instale o Node.js:

```
sudo apt instalar nodejs
```

Etapa 2:instalar o npm

npm é o gerenciador de pacotes do Node.js. Para instalar o npm, siga estas etapas:

1. Abra um emulador de terminal.
2. Instale o npm:

```
sudo apto instalar npm
```

Etapa 3:Criar um projeto ReactJS

Para criar um novo projeto ReactJS, siga estas etapas:

1. Abra um emulador de terminal.
2. Navegue até o diretório onde deseja criar o projeto:

```
cd ~/projetos
```

3. Execute o seguinte comando para criar um novo projeto:

```
npx create-react-app meu-app
```

Isso criará um novo diretório chamado `my-app` que contém todos os arquivos necessários para um projeto ReactJS.

Etapa 4:Iniciar o servidor de desenvolvimento

Para iniciar o servidor de desenvolvimento, siga estas etapas:

1. Abra um emulador de terminal.
2. Navegue até o diretório do projeto:

```
cd ~/projetos/meu-app
```

3. Execute o seguinte comando para iniciar o servidor de desenvolvimento:

```
npm início
```

Isso iniciará o servidor de desenvolvimento na porta 3000. Agora você pode abrir seu navegador e navegar até `localhost:3000` para ver o aplicativo ReactJS.

Etapa 5:edite o aplicativo

O código fonte do aplicativo ReactJS está localizado no diretório `src`. O principal componente do aplicativo é o arquivo `App.js`. Você pode editar este arquivo para alterar a aparência e o funcionamento do aplicativo.

Por exemplo, para alterar o título do aplicativo, você pode editar o arquivo `App.js` e alterar a seguinte linha:

```

Editar src/App.js e salve para recarregar.


className="Link do aplicativo"
href="https://reactjs.org"
alvo="_em branco"
rel="noopener noreferrer"
>
Aprenda a reagir

```

para o seguinte:

```

Olá, mundo!


className="Link do aplicativo"
href="https://reactjs.org"
alvo="_em branco"
rel="noopener noreferrer"
>
Aprenda a reagir

```

Isso mudará o título do aplicativo para “Hello, World!”.

Etapa 6:Crie o aplicativo

Quando estiver pronto para implantar o aplicativo ReactJS, você poderá construí-lo para produção executando o seguinte comando:

```
npm executar compilação
```

Isto criará um diretório `build` que contém todos os arquivos necessários para a versão de produção do aplicativo.

Etapa 7:Implantar o aplicativo

O processo de implantação de um aplicativo ReactJS depende da plataforma de hospedagem que você está usando. Para obter mais informações, consulte a documentação da sua plataforma de hospedagem.

Conclusão

Neste tutorial, mostramos como instalar o ReactJS no Ubuntu 20.04 LTS (Focal Fossa). Também mostramos como criar um aplicativo ReactJS simples e como editar o código para alterar sua aparência e funcionalidade.