anteriorpróximo
Aula 03
Cursos / React Native - Guia de Instalação (Node e Expo)
[Ubuntu] Rodando o Servidor de Desenvolvimento

Summary

Resumo do Transcrito

Após gerar o projeto com o Create React Native App, as seguintes etapas foram realizadas:

  1. Instalação das Dependências:

    • Dentro do diretório do projeto, é necessário executar o comando: 
      npm install
    • Este comando instala todas as dependências necessárias para rodar o projeto.

  2. Inicialização do Servidor de Desenvolvimento:

    • O servidor de desenvolvimento é iniciado com o comando: 
      npm start
    • Um erro relacionado ao Watchman pode ocorrer ("unable to start server").

  3. Resolvendo o Erro do Watchman:

    • Para resolver isso, pode-se instalar o Watchman. No entanto, no caso apresentado, o autor opta por não instalá-lo e ao invés disso, executa comandos alternativos para configurar as instâncias do inotify. 
      sudo sysctl -w fs.inotify.max_user_instances=1024
sudo sysctl -w fs.inotify.max_user_watches=12288

  4. Reiniciando o Servidor:

    • Após ajustar as configurações, o comando npm start é executado novamente, que inicia o Packager e gera um código QR.

  5. Conexão com o Dispositivo:

    • O código QR gerado pode ser escaneado pelo aplicativo Expo instalado no dispositivo iOS ou Android.
    • Isso permitirá que as alterações no código do computador sejam automaticamente refletidas no dispositivo.

  6. Próximo Passo:

    • No próximo vídeo, será demonstrado como usar o código QR para conectar o projeto ao dispositivo, e também mencionado que há uma alternativa por meio do link do IP caso o QR não funcione.

(Nota: Os comandos devem ser executados em um terminal com privilégios de sudo, se necessário, e o dispositivo precisa ter o aplicativo Expo instalado para escanear o código QR.)

Scroll down above for more

Video Transcript

Depois de ter gerado o projeto usando o Create React Native App, a gente agora vai instalar todas as dependências necessárias para rodar esse projeto. Então dentro do projeto, a parte do projeto a gente vai dizer NPM, install. A gente vai instalar todas as dependências necessárias para poder rodar esse projeto. Certo? Eu já fiz o NPM, estou aqui na outra aba. Depois de fazer isso, agora a gente está preparado para poder rodar o servidor de desenvolvimento. A gente só fala, só fala NPM, Start. Vamos ver o que aconteceu. Ah, porque eu estou usando o botão Ubuntu aqui, versão 17.10 e eu não tenho. O Watchman está dando esse erro. Então se você tiver esse erro aqui, quando você der o NPM e Start, e te mensagem, unable to start server, está dizendo você deve instalar o Watchman ou rodar os comandos seguintes. Certo? Se você quiser instalar o Watchman, vai resolver o problema. No meu caso, eu não vou instalar o Watchman. Eu só vou rodar esses comandos aqui para poder deixar tudo certinho para o projeto do React Native rodar esse servidor de desenvolvimento. Certo? Então a gente só vai copiar e executar esses dois comandos usando o Cess CTO. Tá bom? Então vamos lá. Vamos digitar sudo. Você vai precisar do sudo, certo? Cess CTO. Deixa eu dar um clear aqui. Cess CTO, traço WFS.inotify.max.usur instances. Eu posso apoi mil e vinte e quatro. Show. Mostrar você melhor aqui. sudo.cess.tl, traço WFS.inotify.max.usur instances dessa maneira. Aí depois faz quase a mesma coisa. Cess CTO de novo. Traço WFS.inotify.max.usur watches. E aí você põe 12.288. Certo? E com isso não vai ter mais problema quando você der o NPM start. Certo? Então vamos continuar e dar o NPM start de novo para poder rodar o servidor de desenvolvimento. Então vai começar o Packager. Aí vai mostrar quando terminar um código de QR. Nós vamos usar esse código de QR para poder linkar com o Expo que vai estar rodando no nosso dispositivo. Então você vai pegar o seu celular ou seu tablet que está rodando o iOS ou o Android. Você vai instalar o aplicativo do Expo e rodar esse aplicativo. Aí você vai escanear esse código aqui, QR, certo? Aí ele vai linkar com o seu aplicativo. Aí você pode começar o desenvolvimento, o código que você muda no seu computador e vai repletear aquela mudança no seu dispositivo. Isso que a gente vai ver no próximo vídeo, certo? Então com o NPM start já rodando aqui o servidor de desenvolvimento, você vai obter esse código QR. Nós vamos usar esse código próximo vídeo para poder linkar com o dispositivo, certo? Se você não conseguir rodar, usar o código QR que também pode usar o link aqui do IP, certo? Então até a próxima!
See more
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação:
Quero contribuir