Conteúdo de muito valor mano, parabéns Estou iniciando um módulo de React Native, já tinha iniciado antes, mas foi sem o expo Vou iniciar com o expo agora
Top, venho estudando react há algum tempo, daí sempre tive vontade de ampliar as fronteiras para o mobile e vejo o React Native como uma porta de entrada para o universo mobile. Ótimo conteúdo, sucesso!
Estava procurando um vídeo assim, estou iniciando no React Web, mas estou muito interessado no Mobile. Muito obrigado por compartilhar seu conhecimento, ganhou mais um inscrito 👍🏿
A principal mudança foi no expo que agora possui um sistema de rotas baseada em arquivos. Então se vc criar um projeto hoje com o expo verá que não irá aparecer mais o arquivo App.tsx na raiz do projeto. E aparecerá uma pasta chamada "App" e dentro dela qualquer arquivo criado virará uma tela. Esse conceito é bastante interessante e muito utilizado no nextjs. Porém o restante do conteúdo como, conceito de estados, propriedade e componentes isso não mudou e vc pode aproveitar todo esse conteúdo sem problemas. Recomendo olhar no site do expo pra entender melhor sobre o expo router. Valeu tmj 💥😉😁
ola estou estudando o reactive , mas não consigo instalar o EXPO veja o erro ja tentei de tudo --> WARNING: The legacy expo-cli does not support Node +17. Migrate to the versioned Expo CLI (npx expo). , agradeço a ajuda
Recomendo que olhe qual a versão do nodejs está instalada em sua máquina... Verifique no terminal com o comando node -v A versão retornada deve ser 18 Se retornar outra versão acesse o site do node e baixe a versão atualizada.😁
Para trabalhar com expo basta somente ter o Nodejs na tua maquina. E tu pode criar projeto com expo tranquilamente com o comando: npx create-expo-app@latest
Antes (Expo CLI Global) Anteriormente, era comum instalar o Expo CLI de forma global em sua máquina com o comando: npm install -g expo-cli Isso significava que todas as vezes que você criava ou rodava um projeto, estava utilizando a versão global do expo-cli, independentemente da versão do Expo usada no projeto. Se o CLI global não fosse compatível com a versão do SDK do Expo usada no projeto, você poderia enfrentar erros. Agora (Expo Local por Projeto) O Expo CLI não precisa mais ser instalado globalmente. Em vez disso, ele é gerenciado como uma dependência do próprio projeto. Você o instala localmente no projeto, como qualquer outra biblioteca: npm install expo-cli --save-dev O que muda na prática? Você não usa mais expo-cli global: Não há necessidade de instalar com npm install -g expo-cli. Use sempre npx ou adicione o CLI como dependência do projeto. Agora, o CLI é tratado como uma dependência do projeto, o que evita incompatibilidades de versões. Comandos continuam os mesmos: A forma como você usa o Expo (expo start, expo build, etc.) não mudou, apenas a forma de inicializar o CLI. espero ter ajudado tmj ;-)
Ambas visam permitir criar aplicativos para iOS e Android (e outras plataformas) usando conhecimentos de desenvolvimento web (HTML, CSS e JavaScript), mas elas têm abordagens diferentes para alcançar esse objetivo. Aqui estão as principais diferenças entre React Native e Cordova: Linguagem de Programação: React Native: Utiliza JavaScript e a biblioteca React para construir interfaces de usuário nativas. A lógica de negócios é escrita em JavaScript, mas as interfaces de usuário são renderizadas usando componentes nativos. Cordova: Usa HTML, CSS e JavaScript para construir interfaces de usuário, embalando esses elementos em uma WebView (um navegador embutido) para exibir o conteúdo. Renderização de Interface de Usuário: React Native: Renderiza componentes nativos, proporcionando uma aparência e desempenho mais próximos dos aplicativos nativos. Isso permite uma experiência de usuário mais fluida e integrada. Cordova: Renderiza o conteúdo em uma WebView, o que pode resultar em uma aparência e desempenho menos nativos. A interface pode se assemelhar a um site exibido em um navegador. Desempenho: React Native: Tende a ter um desempenho melhor do que a abordagem WebView do Cordova, uma vez que os componentes são renderizados nativamente. Cordova: Pode ter um desempenho inferior devido ao uso de uma WebView, que pode ter limitações e causar lentidão em certas situações. Acesso a Recursos Nativos: React Native: Oferece um acesso mais direto aos recursos nativos do dispositivo por meio de módulos nativos ou bibliotecas de terceiros. Isso permite uma integração mais profunda com recursos como câmera, GPS e sensores. Cordova: Também fornece acesso a recursos nativos, mas através de plugins que estendem as funcionalidades da WebView. Isso pode resultar em uma camada adicional entre o aplicativo e os recursos do dispositivo.
@@GaiProgramador Legal meu amigo pelo conhecimento adquirido, rem relação a react native me parece ser mesmo uma ferramenta muito intuitiva e de ótimo desempenho, acedito que sua informação vai me ajudar a escolher melhor a ferramenta para o próximo projeto, penso que será mesmo react native. Abs.
Se estiver disposto a pagar 7k mensal 🤣🤣🤣🤣🤣🤣 Brincadeira, estou postando bastante conteúdo de react native e acredito que esses vídeos com certeza irão te ajudar a aprender cada vez mais. Basta praticar bastante, mantenha-se constante.
Conteúdo de muito valor mano, parabéns
Estou iniciando um módulo de React Native, já tinha iniciado antes, mas foi sem o expo
Vou iniciar com o expo agora
Top, venho estudando react há algum tempo, daí sempre tive vontade de ampliar as fronteiras para o mobile e vejo o React Native como uma porta de entrada para o universo mobile. Ótimo conteúdo, sucesso!
Eu tbm estou entrando no mundo do React native. E tô gostando bastante dessa tecnologia, basicamente é muito igual o react da web
Excelente vídeo. Muito bem explicado. Parabéns e obrigado pelas dicas
Estava procurando um vídeo assim, estou iniciando no React Web, mas estou muito interessado no Mobile. Muito obrigado por compartilhar seu conhecimento, ganhou mais um inscrito 👍🏿
fala irmao, quando eu mudo oscodigos no app.js, n atualiza no aplicativo
excelente!🚀
Galera, esta playlist é de Set/2022. Alguém sabe se ainda está valendo para Nov/2024 ou alguma coisa relevante foi atualizada?
A principal mudança foi no expo que agora possui um sistema de rotas baseada em arquivos.
Então se vc criar um projeto hoje com o expo verá que não irá aparecer mais o arquivo App.tsx na raiz do projeto. E aparecerá uma pasta chamada "App" e dentro dela qualquer arquivo criado virará uma tela.
Esse conceito é bastante interessante e muito utilizado no nextjs. Porém o restante do conteúdo como, conceito de estados, propriedade e componentes isso não mudou e vc pode aproveitar todo esse conteúdo sem problemas.
Recomendo olhar no site do expo pra entender melhor sobre o expo router.
Valeu tmj 💥😉😁
@@GaiProgramador Obrigado 🚀🚀
Ótimo vídeo
Gostei da aula.
peguei um chamado desse app. agora quero estudar ele kkk
brabo
ola estou estudando o reactive , mas não consigo instalar o EXPO veja o erro ja tentei de tudo --> WARNING: The legacy expo-cli does not support Node +17. Migrate to the versioned Expo CLI (npx expo). , agradeço a ajuda
Recomendo que olhe qual a versão do nodejs está instalada em sua máquina...
Verifique no terminal com o comando
node -v
A versão retornada deve ser 18
Se retornar outra versão acesse o site do node e baixe a versão atualizada.😁
@@GaiProgramador ola esta na versao v18.15.0 , ja reinstalei quando mando instalar o expo sempre o mesmo erro , tem como apagar tudo?
mesmo com este erro esta funcionando testei na web e no celalar , agradeço
Realmente quem trabalha com react é uma boa aproveitar o conhecimento e aplicar para o mobile tbm, só to usando If e else demais kkkkkkkk
👏🏼👏🏼👏🏼
joia eu tenho um dispositivo iphone e quero usar o expo go para emular no celular como que eu uso, porque não esta aparecendo a tela para escanear
Quando você executa o comando npx expo start ele não aparece o QRCode?
Quais suas extenções?
não to conseguindo baixar a expo , segui seus passos mas o node não ta permitindo. fala que a execução de script foi desabilitada.
Para trabalhar com expo basta somente ter o Nodejs na tua maquina. E tu pode criar projeto com expo tranquilamente com o comando:
npx create-expo-app@latest
Vai ter aula 2?
Vi que o expo não é mais global, mas sou leigo qual a diferença? O que muda?
Antes (Expo CLI Global)
Anteriormente, era comum instalar o Expo CLI de forma global em sua máquina com o comando:
npm install -g expo-cli
Isso significava que todas as vezes que você criava ou rodava um projeto, estava utilizando a versão global do expo-cli, independentemente da versão do Expo usada no projeto.
Se o CLI global não fosse compatível com a versão do SDK do Expo usada no projeto, você poderia enfrentar erros.
Agora (Expo Local por Projeto)
O Expo CLI não precisa mais ser instalado globalmente. Em vez disso, ele é gerenciado como uma dependência do próprio projeto. Você o instala localmente no projeto, como qualquer outra biblioteca:
npm install expo-cli --save-dev
O que muda na prática?
Você não usa mais expo-cli global: Não há necessidade de instalar com npm install -g expo-cli. Use sempre npx ou adicione o CLI como dependência do projeto.
Agora, o CLI é tratado como uma dependência do projeto, o que evita incompatibilidades de versões.
Comandos continuam os mesmos: A forma como você usa o Expo (expo start, expo build, etc.) não mudou, apenas a forma de inicializar o CLI.
espero ter ajudado tmj ;-)
Este código ''npm i -g expo-cli
npx create-expo-app my-app" vamos rodar no cmd do windows ou no terminal do Visual Studio Code?
Pode ser executado no terminal do VS Code também
@@rgn05lives Obrigado
É a mesma coisa que cordova praticamente.
Ambas visam permitir criar aplicativos para iOS e Android (e outras plataformas) usando conhecimentos de desenvolvimento web (HTML, CSS e JavaScript), mas elas têm abordagens diferentes para alcançar esse objetivo. Aqui estão as principais diferenças entre React Native e Cordova:
Linguagem de Programação:
React Native: Utiliza JavaScript e a biblioteca React para construir interfaces de usuário nativas. A lógica de negócios é escrita em JavaScript, mas as interfaces de usuário são renderizadas usando componentes nativos.
Cordova: Usa HTML, CSS e JavaScript para construir interfaces de usuário, embalando esses elementos em uma WebView (um navegador embutido) para exibir o conteúdo.
Renderização de Interface de Usuário:
React Native: Renderiza componentes nativos, proporcionando uma aparência e desempenho mais próximos dos aplicativos nativos. Isso permite uma experiência de usuário mais fluida e integrada.
Cordova: Renderiza o conteúdo em uma WebView, o que pode resultar em uma aparência e desempenho menos nativos. A interface pode se assemelhar a um site exibido em um navegador.
Desempenho:
React Native: Tende a ter um desempenho melhor do que a abordagem WebView do Cordova, uma vez que os componentes são renderizados nativamente.
Cordova: Pode ter um desempenho inferior devido ao uso de uma WebView, que pode ter limitações e causar lentidão em certas situações.
Acesso a Recursos Nativos:
React Native: Oferece um acesso mais direto aos recursos nativos do dispositivo por meio de módulos nativos ou bibliotecas de terceiros. Isso permite uma integração mais profunda com recursos como câmera, GPS e sensores.
Cordova: Também fornece acesso a recursos nativos, mas através de plugins que estendem as funcionalidades da WebView. Isso pode resultar em uma camada adicional entre o aplicativo e os recursos do dispositivo.
@@GaiProgramador Legal meu amigo pelo conhecimento adquirido, rem relação a react native me parece ser mesmo uma ferramenta muito intuitiva e de ótimo desempenho, acedito que sua informação vai me ajudar a escolher melhor a ferramenta para o próximo projeto, penso que será mesmo react native. Abs.
O expo agora não é mais global
Quando você quer pra me ensinar react Native???
Se estiver disposto a pagar 7k mensal 🤣🤣🤣🤣🤣🤣
Brincadeira, estou postando bastante conteúdo de react native e acredito que esses vídeos com certeza irão te ajudar a aprender cada vez mais. Basta praticar bastante, mantenha-se constante.
BONÉ PRA TRAS , nao da