React é uma biblioteca JavaScript amplamente utilizada para construir interfaces de usuário, particularmente em aplicações web de página única. Se você está utilizando um ambiente Apple, como um MacBook ou iMac, pode facilmente configurar e iniciar uma aplicação React. Neste artigo, vamos explorar como criar uma aplicação React no macOS, utilizando o Node.js e o Create React App.

Passo 1: Instalar o Node.js e o npm

O primeiro passo para criar uma aplicação React é garantir que você tenha o Node.js e o npm (Node Package Manager) instalados no seu sistema. Você pode verificar se eles já estão instalados executando os seguintes comandos no Terminal:

node -v
npm -v

Se você não tiver o Node.js instalado, pode baixá-lo do site oficial: nodejs.org. O npm é instalado automaticamente junto com o Node.js.

Passo 2: Instalar o Create React App

Create React App é uma ferramenta oficial do React que configura um ambiente de desenvolvimento moderno com zero configuração. Para instalá-lo, abra o Terminal e execute o seguinte comando:

npm install -g create-react-app

Passo 3: Criar uma nova aplicação React

Com o Create React App instalado, você pode criar uma nova aplicação React executando o seguinte comando no Terminal:

create-react-app minha-aplicacao

Substitua "minha-aplicacao" pelo nome que você deseja dar ao seu projeto. Este comando criará uma nova pasta com o nome do seu projeto e configurará uma estrutura básica de arquivos para uma aplicação React.

Passo 4: Executar a aplicação React

Navegue até o diretório do seu projeto recém-criado e inicie o servidor de desenvolvimento com os seguintes comandos:

cd minha-aplicacao
npm start

O comando npm start iniciará o servidor de desenvolvimento e abrirá automaticamente o navegador padrão no endereço http://localhost:3000, onde você poderá ver sua aplicação React em execução.

Passo 5: Editar a aplicação

Agora que sua aplicação está em execução, você pode começar a editá-la. Abra o projeto em seu editor de texto favorito (como o Visual Studio Code) e comece a modificar os arquivos dentro da pasta src para desenvolver sua aplicação.