crie o primeiro aplicativo com react nativo

Introdução

React Native é uma estrutura JavaScript para criar aplicativos móveis executados em dispositivos iOS e Android. Ele usa o mesmo design do React, permitindo que os desenvolvedores criem um aplicativo móvel usando uma estrutura familiar baseada em componentes. O React Native usa componentes nativos, o que significa que o aplicativo terá uma aparência mais nativa e terá um desempenho melhor do que um aplicativo puramente baseado na web. Além disso, o React Native permite a reutilização de código entre iOS e Android, tornando o desenvolvimento mais rápido e eficiente.

Configurando o ambiente de desenvolvimento

Execute o seguinte comando para criar um novo projeto React Native chamado “myApp”:

npx create-expo-app myApp

cd myApp
npx expo start

Conecte-se à mesma rede sem fio do seu PC e baixe o aplicativo Expo Go no seu dispositivo iOS ou Android. Use o aplicativo Expo Go para Android para abrir seu projeto digitalizando o código QR do seu terminal. Use o scanner de código QR integrado do aplicativo iOS Camera nativo.

Modificando seu aplicativo

Vamos modificar o aplicativo agora que você o executou com sucesso. Edite algumas linhas no editor de texto escolhido abrindo App.tsx. Depois de salvar suas modificações, o aplicativo deve ser atualizado automaticamente.

Et voilá!

Parabéns! Você executou e modificou com sucesso seu primeiro aplicativo React Native.

Para mais detalhes, você pode verificar a documentação do React Native aqui .

Execute-o na web.

Antes de iniciar seu aplicativo na Web, você deve primeiro instalar o Expo Globally executando este comando.

npm i -g expo-cli

npm run web

Você só deve instalar algumas outras dependências usando esta linha de comando:

npx expo install react-native-web@~0.18.9 [email protected] @expo/webpack-config@^0.17.2

Conclusão

Em conclusão, o React Native é uma estrutura poderosa e flexível para criar aplicativos móveis que rodam em iOS e Android.

Usando os mesmos princípios de design do React, os desenvolvedores podem criar um aplicativo móvel de forma rápida e fácil usando uma estrutura familiar baseada em componentes.

Com a capacidade de usar componentes nativos, o aplicativo terá uma aparência mais nativa e terá um desempenho melhor do que um aplicativo puramente baseado na web.

Além disso, a reutilização de código entre iOS e Android torna o desenvolvimento mais rápido e eficiente. Com seus muitos benefícios, não é de admirar que o React Native esteja se tornando uma escolha popular para o desenvolvimento de aplicativos móveis.