Crie o aplicativo React, crie seu primeiro aplicativo com React Ubuntu 20.04

No próximo artigo, vamos dar uma olhada em como podemos criar nosso primeiro aplicativo com ReactJS no Ubuntu 20.04 usando Create React App. ReactJS é uma biblioteca JavaScript de código aberto usada para criar a interface do usuário, mantida pelo Facebook e pela comunidade de desenvolvedores. O ReactJS pode ser usado no desenvolvimento de aplicativos da web ou aplicativos móveis.

Em Reação, também conhecido como ReactJS, os dados são processados ​​no DOM. Bibliotecas adicionais para roteamento e gerenciamento de estado são necessárias para executar o aplicativo React. Alguns exemplos dessas bibliotecas são Redux y Roteador React.

Instalando React no Ubuntu 20.04

Para instalar o React em nosso sistema, primeiro devemos saber o que é npm e entender por que precisamos deles. Npm significa Node Package Manager, e é o maior registro de software de código aberto do mundo. Contém mais de 800.000 pacotes de código. O uso do Npm é gratuito e qualquer software público pode ser baixado e usado sem registro ou login.

Npm é uma ferramenta de gerenciamento de dependências para aplicativos javascript, que ajuda a instalar todas as bibliotecas e outras ferramentas para apoiar o desenvolvimento dos aplicativos JS.

Instale npm

Pára instalar nodejs, que inclui npm, só teremos que abrir um terminal (Ctrl + Alt + T) e executar o seguinte comando:

sudo apt install nodejs

Depois de terminar a instalação do npm, podemos verifique a sua versão e a do nó. Podemos fazer isso com o comando:

npm -v

A versão do npm instalada depende da data de instalação, pois a atualização é realizada com frequência. É necessário certificarmo-nos de que instalamos uma versão superior a 5.

Pára verifique a versão instalada do nó, o comando a ser usado será:

node -v

Se você não tiver a versão mais recente do npm instalada em seu sistema, você pode atualizar o Node Package Manager (npm) para a versão mais recente executando este comando no terminal:

sudo npm install -g npm@latest

Instale o aplicativo create-react

Para instalar um ambiente React produtivo, precisaremos configurar ferramentas como babel, webpack, etc ... que são complexas de configurar para iniciantes no mundo React. Mas podemos encontrar várias ferramentas que nos ajudarão na configuração. Entre eles encontraremos create-react-app, que é a ferramenta mais fácil de usar e configurar.

O aplicativo Create React é um ambiente confortável para aprender React, e é a melhor maneira de começar a construir um novo aplicativo de página única usando React.

Crie o aplicativo React para configurar seu ambiente de desenvolvimento para que você possa usar os recursos Javascript mais recentes, proporcionando uma boa experiência de desenvolvimento e otimizando seu aplicativo para produção. Conforme indicado em seu site, é necessário ter Node> = 8.10 e npm> = 5.6 instalado em sua máquina.

Nós poderemos instale o app create-react usando npm. Para fazer isso, em um terminal (Ctrl + Alt + T), só precisaremos executar o seguinte comando de instalação:

sudo npm install -g create-react-app

Assim que a instalação do aplicativo criar-reagir-app for concluída em nosso sistema, podemos verifique a versão instalada executando o seguinte comando:

create-react-app --version

Criação do primeiro aplicativo React

Nosso primeiro aplicativo React pode ser criado simplesmente usando create-react-app. Teremos apenas que usar o seguinte comando:

create-react-app mi-primera-app

O comando acima irá criar um aplicativo React chamado meu primeiro aplicativo. Ao mesmo tempo uma nova pasta será criada com o mesmo nome do aplicativo que inclui todos os arquivos, configurações e bibliotecas necessários.

Executando o aplicativo React

Assim que o projeto React for criado, teremos que mover para o diretório do projeto e executar o aplicativo React usando o seguinte comando no terminal (Ctrl + Alt + T):

npm start

Comando início npm inicie o servidor de desenvolvimento que irá realizar todo o processo de construção.

O terminal nos dirá que devemos abra o navegador e carregue o aplicativo que será executado no url http: // localhost: 3000 por padrão. Quando o navegador for aberto, veremos o logotipo e os textos do React na tela.

Desinstalar create-react-app e npm

Usuários podemos desinstalar qualquer biblioteca instalada do npm usando o comando de desinstalação do npm. Execute o seguinte comando no terminal (Ctrl + Alt + T) para desinstalar criar-reagir-app:

sudo npm uninstall -g create-react-app

Da mesma forma, podemos desinstalar npm usando este outro comando no mesmo terminal:

sudo apt remove nodejs

Mais informações sobre esta biblioteca JavaScript para a criação de interfaces de usuário podem ser encontradas no Documentação do projeto.