Scribd
Carregar
10 visualizações14 páginas

PDF 1

Enviado por

andressaassisjandre
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
10 visualizações14 páginas

PDF 1

Enviado por

andressaassisjandre
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 14

FrontEnd Mobile

01 - Introdução ao React Native


Objetivos da aula

01 Uma visão geral do React Native

02 Entender os contextos onde o React


Native pode ser útil
03 Montar ambiente de desenvolvimento com
Expo
Desenvolvimento Mobile
Desenvolvimento Mobile

● Apps Nativos são construídos utilizando as SDKs disponibilizadas para


cada plataforma. Possuem melhor integração com recursos da plataforma.
● Web Apps utilizam containers web para renderizar a aplicação. Aumentam
reuso e diminuem o tempo de desenvolvimento. Não tem acesso a
recursos nativos.
● Apps Híbridos utilizam um container nativo, para realizar a comunicação
entre a interface (que pode utilizar tecnologias web) e recursos nativos
Desenvolvimento Mobile
Nativo Híbrido
React Native

● Framework Open Source baseado no React


● Desenvolvido pela equipe do Facebook
● Desenvolvimento de Aplicações Mobile utilizando JavaScript
● React Native · A framework for building native apps using React
Baseado no React

● “Orientado” a Componentes
● Suporte a JavaScript XML
● “Reage” aos estados da aplicação
Baseado no React

● Componentes próprios para Mobile


● Possibilidade de utilizar código nativo quando necessário
● Build rápido em ambiente de desenvolvimento
React Native
Quem utiliza React Native atualmente?
https://reactnative.dev/showcase
CLI ou Expo

● Pode ser instalado utilizando o Expo ou React Native CLI


○ Expo: É um framework que facilita o desenvolvimento, ideal para
iniciantes e para apps que não necessitarão de implementações
nativas
○ React Native CLI: Indicado para desenvolvedores experientes no
mundo mobile, em apps que podem precisar de implementações
nativas
Documentação para setup do ambiente e criação do primeiro projeto:
https://reactnative.dev/docs/environment-setup
Softwares Necessários

● Node.JS e Visual Studio Code


Expo
● Expo
● Para criar um projeto Expo, utilize o comando abaixo:

● Escolha o template “Blank (Typescript)” :

● Digite o nome do projeto:


Expo

● Para iniciar o projeto, entre na pasta do projeto: cd my-app

● Execute o comando abaixo:


Expo

● O Expo cria a estrutura inicial do


aplicativo
● Toda a camada de comunicação
entre o aplicativo e o hardware é
feita pelo Expo

Você também pode gostar