Criando o primeiro aplicativo de celular - Curso de React Native - Aula 02

[@chello1985]

O professor está salvando a vida de muita gente !!! Faço faculdade 100% EAD... pensa a dificuldade que temos, pois, não existe um passo a passo em forma de vídeo como o professor faz !! obrigado por mais uma vez

[@rcodev]

Sensacional, sinto muito por não ter conhecido esse canal antes. muito obrigado!

[@paulolocatelli8131]

Muito obrigado, me ajudou muito aqui, estava sofrendo pra instalar esse tal de android kkkkk Sem ele nao dava pra usar umas bibliotecas

[@sssouto241]

Deu trabalho, mas consegui finalmente emular utilizando o vscode

[@developerlage]

Obrigado Bruno por passar tanto conhecimento, estou começando no mundo da programação e vc é uma inspiração

[@cfbcursos]

Muito obrigado meu caro

[@ciceromonteiro1880]

Fiquei horas para subir essa primeira aplicação vendo outros vídeos , foi quando eu vi os seus 2 primeiros vídeos que tudo mudou, parabéns !!

[@cromusgameplay]

Um pouco complicado no início... mas tenho certeza que com as explicações desse excelente professor o conteúdo ficará mais fácil... no decorrer das aulas.

[@h.olivei141]

Likezada!! Um dos melhores professores do KZbin, Tmj fessor!

[@cfbcursos]

#tmj valeu

[@davifreitas6417]

Muito boa suas aulas continue proporcionando conhecimento de qualidade as pessoas

[@cfbcursos]

Valeu, obrigado

[@mr.oliver559]

Professor, o curso está excelente! Uma dica: quando procurar determinadas palavras aperte CTRL + F.

[@cfbcursos]

Show, valeu

[@VivaSabendo]

Muito bom. Parabéns pelo curso, estou fazendo e estou gostando muito da sua didática!

[@codedev8276]

Obrigado professor pelos seus cursos

[@ernestobrito9904]

Que empoltante!!! bora continuar! muito obrigado Prof

[@gilbertoherminio8251]

Show()!!! Uma dúvida... aos 11:20', qual a diferença entre : npx create-react-app app01 e npx react-native init app01

[@motaax]

1:30 começa

[@patrickalvespacheco6373]

MARAVILHA

[@ResenhaComPedro]

Top

[@fabianoaraujodecarvalho1967]

Cara parabens ja tava na hora um curso de qualidade

[@ricardofernanddes4218]

Expo muito melhor que o Android Studio, a aula poderia ser com o Expo

[@rahz1843]

Fica difícil dms ele gravar 2 telas ,ele devia ensinar a usar o cell emulado e usar o virtual já que o Pc dele e bom ,meu Pc tá peidando pra rodar esse app kakakaka

[@triviachanel]

Muito boa a aula, muito obrigado pela iniciativa! Porém tive problema em todas as partes que envolvem o CMD, todos os comandos só funcionaram com o prefixo "npx" antes do comando que você usava no vídeo (com exceção dos de criação e movimentação nos diretórios).

[@lucasmarlon3124]

Pra quem nao conseguiu da o react-init, primeiro tenta com o npx e se msm assim não funcionar vai em %appdata% depois procura pela pasta npm e apaga, após fazer isso basta baixar o node

[@ambienteSKATEvida]

Seria bom um vídeo sobre como criar um instalador em python

[@user-nd1vi4jp7b]

Por favor ensina a emular via usb no dispositivo fisico

[@rcodev]

error Failed to install the app. Make sure you have the Android development environment set up: reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details. Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 aparece esse erro quando digito o react-native run-android como resolver ?

[@O_Fanboy_Da_Claro]

+1LIKE

[@taerciocarlos176]

Consegui depois de muito sacrifício realizar a criação de tudo mas não rodou. No prompt de comando aparece tres erros. Um deles e : "Falied to launch emulator. Reason: no emulators found as output of emulator -list-avds ". Enfim, não está abrindo o app

[@gilbertoherminio8251]

Professor, Uma Excelente Tarde de Domingo ! Uma dúvida de iniciante... Em qual momento e por qual motivo ao criar uma aplicação em RN, o arquivo principal "APP" fica com a extensão .js (JavaScript) ou com a extensão .tsx (TypeScript JSX) ? Isso impacta em algo ?

[@kauanvictor3134]

Excelente vídeo! Sou iniciante e gostaria de saber como faço para rodar o APP diretamente no meu celular?! Grato desde já.

[@JOAGOSTINI]

Olá, usei o Expo CLI em vez do React Native CLI. Não só a instalação é muito mais simples e fácil, como o uso do celular para vizualizar o aplicativo é muito mais rápido e simples que no Android Studio. Sugiro que tentem este caminho também. Um vídeo guia: kzbin.info/www/bejne/iICZlKaal9KVarM. No Android vá no Google play e instale Expo Go. Para ter uma noção, ele ocupa 174 mb do disco, ou seja, 60 mb a menos que no modo tradicional. Agora vamos aprender React Native

[@RafaelArantes365]

Ainda existem limitações no expo, como por exemplo o uso do bluetooth.

[@dannydantas8606]

Estou tentando iniciar o projeto no powershell admin, porém retorna erro. Estou instalando no SSD. PS D:\ReactProjects\app1> npx react-native init app1 '"react-native"' não é reconhecido como um comando interno ou externo, um programa operável ou um arquivo em lotes. npm ERR! code 1 npm ERR! path D:\ReactProjects\app1 npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c ""react-native" "init" "app1"" npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Danielle\AppData\Local pm-cache\_logs\2020-11-11T19_07_05_445Z-debug.log

[@maylonhenriquedeoliveira7865]

Uma duvida, assisti todas as aulas 4 anos atras, e agora nao consigo iniciar mais meus aplicativos, retorna um monte de erro, parece que mudaram totalmente a estrutura do react-native. Tem como eu recuperar meus projetos ?

[@marcuscoelho989]

minuto 14:51 erro " code" não é reconhecido como comando no powershell alguem sabe o motivo ? obrigado

[@bluejynz9815]

Não consigo usar o cli por nada, já tentei de todos os jeitos, fica dando o erro "cannot find module '@react-native-community/cli'"

[@eluanaberteli5400]

quando coloca o npx react-native init app1 não termina igual o seu dando uma opção para android, uma pra ios e tal. aparece outra coisa.

[@kats00017]

Boa noite professor Bruno, consigo fazer um aplicativo para controlar um Esp via wifi ou internet?

[@olhaisso6316]

Boa noite! Segui todo o passo a passo desde o primeiro vídeo, porém o comando "react-native init" não é reconhecido pelo Windows.

[@FanGamesStudioFGS]

Vou estar usando o expo mesmo no curso pq o o meu pc buga o Android Studio

[@cfbcursos]

Show

[@user-nd1vi4jp7b]

16:00

[@LeadUsHome123]

Muito bom o vídeo, porem não consegui roda o app no emulador. Apareceu esse erro aqui : FAILURE: Build failed with an exception. * Where: Build file 'D:\Aulas de JAVASCRIPT\ReactNative\mobile_test\android\app\build.gradle' line: 1 * What went wrong: A problem occurred evaluating project ':app'. > Failed to apply plugin 'com.android.internal.application'. > Android Gradle plugin requires Java 11 to run. You are currently using Java 1.8. You can try some of the following options: - changing the IDE settings. - changing the JAVA_HOME environment variable. - changing `org.gradle.java.home` in `gradle.properties`. Como consigo alterar o Java 1.8 para o Java 11 ?

[@TheEduterminator]

Ola, professor qual procedimento para usar o celular J7 Neo para os testes? quero utilizar sem emulador. Obrigado, Eduardo.

[@henrytomasmartins3932]

Professor, ao iniciar o App recebo isso no final do processo: info Starting the app on "emulator-5554"... Starting: Intent { cmp=com.sysmember/.MainActivity } Error type 3 Error: Activity class {com.sysmember/com.sysmember.MainActivity} does not exist.

[@pedroIgor3251]

o comando "code ." e o "react-native run-android" , não funcionou aqui diz que o code não é reconhecido e "react-native'" não reconhecido

[@greg_zuka6680]

mesma coisa eu não sei como arrumar

[@notfxbr]

coloquem o "npx" antes, vai funcionar, comigo foi a mesma coisa

[@thiagonogueira5706]

Professor, da pra acompanhar de qualquer computador?

[@cfbcursos]

Não, PCs mais antigos podem ter problemas na instalação, principalmente no Android

[@rizardo2594]

Boa noite professor! Não estou conseguindo abrir um emulador android pois aparece um Unknown Error. O que pode ser?

[@marciofelipe8529]

The emulator process for AVD Pixel_2_API_28 was killed. Como eu consigo resolver esse erro ao rodar o avd?

[@dvdluiz]

quando vou apertar o lauch this AVD in the emulador, pede pra baixar outro arquivo, mas fica no loop infinito, pedindo pra baixar sempre, e nao sai disso

[@danieletenuto1348]

Cadê a aula 01?

[@hierojunior]

Depois de criado o app o meu da um erro na linha 27, sem eu mesmo ter feito qualquer alteração no código. Um quadrado vermelho com os dizeres "Complexity is 26 bloody hell". Isso influenciará em algo no futuro? Por enquanto está tudo rodando como no vídeo.

[@roger88207]

estou com problema em conectar o app no emulador .Acho que nao to conseguindo declarar variaveis de ambiente java_home porue diz que meu computador nao tem a pasta java/sdk , Alguem pode ajudar ?

[@ecselecartola5390]

Professor, uma dúvida pode parecer boba, mas para executar o app eu preciso estar com o visual studio e android studio abertos? ou posso escolher executar o app por um desses? obrigado desde já!

[@nagsistemassistemas6117]

Não consigo emular, da erro no emulador estou com erro aqui: const Section = ({children, title}): Node => { modulo Node, fica grifado em vermelho, isso no app.js, esta instalado a ver v15.14.0, não sei se é por isso que o emulador quando abre da erro. O Emulador tenta abrir me parece o arquivo "cli.js" ao invés do "app.js". Pode ajudar ? Obrigado, estou gostando muito das aluas

[@tghpereira]

Professor q aulas boas!!! Mas socorre a glr do visual Basic dentro do visual Studio, a gnt não acha nenhum curso gratuito sobre esse material, como no programa do c# q o sr. fez...

[@jrproduction1000]

Como faço para abrir o projeto do app1 sendo que da erro com o comando code . ???

[@diegobueno6139]

quando forem executar o aplicativo, o node js irá abrir junto, Não fechem!! Pois acho que precisa dele para que o app execute de forma correta! (pelo menos comigo foi assim).

[@eudesrocha3161]

Primeiro a chegar, kkkkk kkk.

[@liviamartins2587]

Professor, estou com uma dificuldade: quando eu fui executar o meu AVD, apareceu que não poderia executar, aí eu entrei pra ver e está falando que o meu VT-x está desativado. O que eu faço?

[@rodrigosiqueira7264]

tem que ativar na bios da placa mãe

[@wellingtonferreiradelima9245]

meu não subiu o emulador da erro "The emulator process for AVD Nexus_5_API_28 was killed."

[@brunabarbosa4070]

Conseguiu resolver?

[@wellingtonferreiradelima9245]

@@brunabarbosa4070 nao

[@wellingtonferreiradelima9245]

unable to locate adb, da esse erro

[@brunabarbosa4070]

É a memória do seu note que nao suporta, tem que ter de 6 pra cima, e se tiver muita coisa nele é melhor desinstalar

[@wellingtonferreiradelima9245]

@@brunabarbosa4070 tenho 8 gb

[@gustavo4195]

na hora de instalar o emulador nexus 5, aparece o erro: CHAMS NOT INSTALLED

[@isabelgueiros7562]

quando vou iniciar aparece um erro: E:\>npx react-native init app1 npm ERR! could not detect node name from path or package npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\User Pc\AppData\Local pm-cache\_logs\2020-11-11T20_46_02_964Z-debug.log Alguém pode me dar um help?

[@allefbueno9254]

Conseguiu resolver? Aqui aparece a mesma coisa

[@isabelgueiros7562]

@@allefbueno9254 sim, eu achei em um fórum a solução. Só não lembro qual foi

[@gustavomoreira4334]

É normal demorar tanto para instalar react-native. [ ] - reify:winston: http fetch GET 200 registry.npmjs.org/winston/-/winston-0.8.3.tgz 5037ms. Inicia e aparece isso e fica um tempao sem aparecer nada

[@vroxlon]

Não entendi instala a API 29 mas na hora de usar tem que baixar a API 28, porque qual o sentido ?

[@jamesdias7226]

Se alguém estiver tendo problemas com a instalação do intel haxm para fazer o emulador funcionar no PC, faça a instalação da última versão nesse passo a passo deste link: kzbin.info/www/bejne/r5rZYnSig6mgl9k Para mim funcionou.

[@dublandodublagens]

VLw men!!!

[@brunoalves8357]

O meu sempre aparece unable to locate adb. O que posso fazer?

[@samueel434]

error Failed to install the app. Make sure you have the Android development environment set up: reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details. Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 java.lang.NoClassDefFoundError: Could not initialize class org.codehaus.groovy.vmplugin.v7.Java7 alguém consegue me dar um help?

[@pedroaires9009]

Estou com o mesmo problema

[@deyvisoncruz851]

Professor como eu faço para rodar no celular? Meu notebook ele tem configurações bem básicas e sempre que eu abro o emulador ele trava? Será que alguém poderia me ajudar com alguma solução para usar o celular como emulador?

[@jonatassantos7878]

Conseguiu? Tbm não consegui usar o emulador pelo PC, então queria fazer os testes no celular msm

[@davidrocha3357]

@@jonatassantos7878 pequisa sobre expo !!!

[@ronaldoclemente3960]

could not start avd da esse erro na hora de rodar o emulador

[@dublandodublagens]

Quem estiver com o seguinte erro: FAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:installDebug'.> com.android.builder.testing.api.DeviceException: No online devices found. Resolvi criando um device diferente do Nexus 5, ou seja, removi o Nexus 5 e criei o Pixel 2 e a partir daí funcionou corretamente.

[@ventilando254]

sem ts ?

[@anbit1704]

Só corrigindo o comando não é "react-native init appname" é "npx react-native init appname".

[@vitorpeixoto2324]

Tem razão, Snick_Dev! Tentei sem o 'npx' e não instalou. Fora isso professor Bruno, tudo perfeito! Obrigado pelo curso e, Snick_Dev, obrigado pela dica!

[@paulofranciscokeppler832]

Ao abrir o Android studio aparece esta mensagem "Enable VT-x in your BIOS security settings (refer to documentation for your computer)." fui na BIOS e não tem o Virtual Tecchnology, que posso fazer, Mestre ???

[@cfbcursos]

Não tenho certeza sobre isso Paulo, mas acho que neste caso não tem muito o que fazer, só trocando a placa mãe mesmo por uma mais atual. Mas dá uma pesquisada no Google sobre o erro

[@paulofranciscokeppler832]

@@cfbcursos valew, vou pesquisar. Vc. é fera mesmo, pensei que ia demorar uns 2 anos pra responder...Essa é a diferença do canal !

[@paulofranciscokeppler832]

@@cfbcursos ACHEI !!! atualizei a BIOS e apareceu Virtual Tecchnology, bóra pro curso, e ajudar o canal !!!

[@olhaisso6316]

Boa noite! Segui todo o passo a passo desde o primeiro vídeo, porém o comando "react-native init" não é reconhecido pelo Windows, mesmo colocando o npx na frente também não funciona.

[@cfbcursos]

Tenta com npm tbm, se não der segue o passo a passo pelo site oficial que indiquei

[@emersonsilva2886]

qual o sentido de ter o android studio e não usar a idea?

[@rahz1843]

Eh se eu quiser aprender react tenho que trocar de Pc,que bagulho pessado vey MDS kkkk tô esperando meu outro pente de memória ram chegar e sepa msm com ela n vai dá kkk

[@MuriloRerison]

quando fui abrir o emulador, deu "Could not start AVD"

[@juliamariaribeiro961]

O meu deu o mesmo erro, você consegui solucionar esse problema?

[@kaylasophiasophia1016]

Provavelmente seu processador não tem suporte a virtualização.

[@aquinaoemeulugar9672]

posso usar o expo porque meu pc nao pegou o emulador

[@cfbcursos]

Pode sim

[@pedroIgor3251]

'code .' não é reconhecido como um comando interno ou externo, um programa operável ou um arquivo em lotes. 'react-native' não é reconhecido como um comando interno ou externo, um programa operável ou um arquivo em lotes. Alguém em ajuda ??w não saio dessa parte

[@vitorpeixoto2324]

Alguma solução, Pedro?

[@victorbarbosa8371]

Essa brincadeira toda ai ocupa quantos giga de espaço no pc?

[@cfbcursos]

Muitos, rsrs

[@EduardoOliveira-jm7ne]

'react-native' não é reconhecido como um comando interno... Alguém teve esse problema? Podem me ajudar?

[@pablomiranda603]

AC A instalação desses frameworks sempre dão dor de cabeça, tu resolve isso aí com o npx na frente, mas depois eu tento rodar e dá erro de graddle

[@ycarooliveira6529]

Meu pc só roda o emulador com api 24

[@taerciocarlos176]

O meu não abre no prompt de comando....da erro 😔

[@anbit1704]

1. Abre o prompt como adm 2. vai até o local da pasta do seu projeto 'cd \caminho do seu projeto' 3. digite o comando [npx react-native init name] name é o nome do seu projeto.

[@taerciocarlos176]

@@anbit1704 sim, eu fiz isso. Mas o problema está acontecendo desde a criação do projeto. Ele cria mas não fica exatamente igual como consta no a partir do minuto 12. Já na hora de rodar, ele não vai. Aparece dois erros, tentei colocar uma imagem aqui para mostrar mas não tem como.... Já desinstalei....apaguei tudo....refiz 2 vezes e ate agora nada. Ele não roda no emulador 😭😭😭

[@thdaqw]

@@taerciocarlos176 Mesma coisa no meu... Não sei como resolver isso, já tentei e nada

[@taerciocarlos176]

@@thdaqw a solução que deu certo vou rodar no celular. O App executa no celular e foi super rápido. Até melhor do que o emulador.

[@thdaqw]

@@taerciocarlos176 Vlw pela dica, vou tentar isso mais tarde

[@programadorsincero3433]

Cpu 75%, Ram 99% e Swap 100% Usado kkkkk isso só com o Android Studio, vscode e o Emulador. 2gb Swap, 6gb ram e processador Intel i3