DEV Community

Cover image for Reactjs no celular
Oscar Jeremias jc
Oscar Jeremias jc

Posted on

Reactjs no celular

Olá devs no post de hoje vamos aprender a criar um app react no celular

O reactjs é uma biblioteca javascript que facilita a desenvolvimento de interfaces web.

Para seguires bem este post eu recomendo que tenhas o termux e o neovim instalados no teu celular. Mais si não tiveres não si preocupa porque eu já escrevi um post que explica detalhadamente com instalar e configurar termux e o neovim.

O nome do post é como configurar o neovim no termux.

Segue os passos a baixo.

Instalar o nodejs

Abra o termux e digite os seguintes comandos

pkg install nodejs

node -v

npm -v

E assim o nodejs já está instalado na tua máquina.

Instalar o yarn

Abra o termux e digite os seguintes comandos

npm install -i yarn

pkg install yarn

E assim o yarn já está instalado na tua máquina.

Criar um app react

Abra o termux e digite os seguintes comandos

yarn create react-app my-app-react

cd my-app-react

E assim está criado um app react no teu celular.

Primeiro Ola mundo em react no celular

Abra o termux na mesma pasta que deixamos no passo anterior e digite os seguintes comandos.

cd src

nvim App.js

Agora vais apagar tudo que está neste arquivo e vais adicionar os seguintes códigos.

import React from "react";
function App() {
return <h1>Ola mundo</h1>
};
export default App;

Depois e só salvar e sair do neovim e executar

Comando para executar app react

yarn start

E assim o teu app react já está executado para você ver si está a funcionar entra no teu navegador e pesquisa http://localhost:3000/ e vais ver um tela branca escrita Ola mundo

Muitos parabéns você conseguiu criar e executar um app react no celular.

Si este conteúdo foi relevante para você por favor si inscreve no meu Blog todas as semanas vai ter conteúdo novos sobre programação no celular termux vim nodejs reactjs nextjs javascript html css e muito mais até ao próximo post dev o lema é Mão na Massa

Link do meu blog mao-na-massa

Top comments (0)