null
US
Entrar
Registre-se gratuitamente
Registre-se
Detectamos que o JavaScript não está habilitado no teu navegador. Habilite o Javascript para o funcionamento correto do nosso site. Por favor, leia os
Termos e Condições
para mais informações.
Próximo
Copiar e Editar
Você deve estar logado para concluir esta ação!
Inscreva-se gratuitamente
23402145
Dispositivos Móveis
Descrição
Mapa mental sobre Node.js e React Native
Sem etiquetas
react native
reactjs
node.js
backend
frontend
Mapa Mental por
EMILLY SOARES SANTOS
, atualizado more than 1 year ago
Mais
Menos
Criado por
EMILLY SOARES SANTOS
aproximadamente 4 anos atrás
10
0
0
Resumo de Recurso
Dispositivos Móveis
Aplicação Móvel
React Native
O que é?
Framework baseada no ReactJS
Mas usa tags nativas do React Native
Criação de apps multiplataformas
O código é convertido para linguagem nativa
Usa apenas Javascript
Expo
O que é?
Expo permite o fácil acesso às API’s nativas
Não precisa instalar SDK ou XCode
O app fornece
Como começar usando Expo
Anotações:
Com as ferramentas necessárias instaladas, como NodeJS
Com o NodeJS e NPM já instalado na máquina
EXECUTAR
npm install expo-cli --Global
Baixar o app Expo/Usar emulador android
Criar o projeto
Executat expo init
Escolher blank
Expo start
Anotações:
startar o projeto
Scanear o qr code com o aplicativo expo / iniciar com o emulador
Hooks
useState
Retorna um valor e uma função para atualizar o valor
useEffect
Aceita uma função que contém um código imperativo, possivelmente efetivo
useContext
Aceita um objeto de contexto e retorna o valor atual do contexto
const value = useContext(MyContext);
useReducer
Aceita um reducer e retorna o estado atual, junto com um método dispatch
const [state, dispatch] = useReducer(reducer, initialArg, init);
useCallback
Recebe um callback e um array e retorna uma versão memoizada do callback
const memoizedCallback = useCallback( () => { doSomething(a, b); }, [a, b], );
useMemo
Recebe uma função create e um array como argumentos e retorna uma versão memoizada
const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);
useRef
Retorna um objeto ref mutável, no qual a propriedade .current é inicializada para o argumento passado (initialValue)
const refContainer = useRef(initialValue);
useImperativeHandle
Personaliza o valor da instância que está exposta aos componentes pai ao usar ref
useImperativeHandle(ref, createHandle, [deps])
useLayoutEffect
Quase idêntico a useEffect, mas dispara sincronizadamente após todas as alterações no DOM
Usar o useEffect quando possível, para evitar bloquear atualizações visuais.
useDebugValue
Usado para exibir um label em um custom hook em React DevTools
useDebugValue(value)
Conhecidas como "app"
Tipos de Apps:
Nativos
Desenvolvidos para IOS ou Android
Encontrados nas lojas de distribuição
Permite uso do GPS, câmera,...
Linguagem específica do SO
Web Apps
Executados pelo navegador de forma adaptável
Híbridos
Multiplataforma
Mescla os Web Apps e os Nativos
Mescla linguagem nativa e web, como Ionic e React JS
Distribuição
Amazon Appstore
App Store
Google Play
Servidor
NodeJS
Tecnologia assíncrona que trabalha em uma única thread de execução
Permite Javascript full-stack
Node.js serve para fazer APIs
Fazer aplicações de tempo real
Combinações frequentes:
Node.js + Express
Manipulação de requisições HTTP
Trabalha com URLs
Node.js + Mongoose.
Biblioteca ORM p/ MongoDB
Node.js + Socket.io
Uso de sockets com Node.js
Node.js + Sequelize
ORM p/ suporte à banco de dados relacionais
Fornece serviços ao cliente (front end)
É a parte de “trás” da aplicação
Manipula o banco de dados
O que é?
Bancos SQL
Dados tabulares
PostgreSQL
MySQL
Bancos no SQL
Não tabulares
MongoDB
API
Implementar uma aplicação A em B sem precisar conhecer muitos detalhes sobre A
Implementação do Moogle Maps em uma aplicação de hotel
Para Acessar
Instalar a biblioteca Axios
Cliente HTTP
Funciona no browser e no node.js
Faz a comunicação entre o navegador e o servidor
XMLHttpRequest / http
As req retornam promises compátiveis com o JavaScript - ES6
WebSocket
Protocolo
Conexão entre o Servido e o navegador
De forma contínua
Chamada Assíncrona
Como chat's
Contrária as requisições
Quer criar seus próprios
Mapas Mentais
gratuitos
com a GoConqr?
Saiba mais
.
Semelhante
DISPOSITIVOS MÓVEIS E JORNALISMO: UMA QUESTÃO DE ESPAÇO /Daniela Osvald / USP
Mariana Viegas
M-learning e Matemática
Danilo L Batista
ReactJS
RICARDO TEIXEIRA
AngularJs 1.3.x
Wesley Lemos
Livro Criar App com React Native
Alex Silva
Front-end RoadMap
Luiza Carine Ferreira da Silva
Novas tecnologias aplicadas ao ensino de línguas
analice dal canton
O TEMA “DISPOSITIVOS MÓVEIS” EM EVENTOS E REVISTAS DA ÁREA DE ENSINO DE FÍSICA/CIÊNCIAS (2007-2016)
Antônia Fabiana dos Santos
Conteúdo Digital
Admiravel Shape Novo
TECNOLOGIA E EDUCAÇÃO
ADRIANA MELO
A utilização de dispositivos móveis: riscos
pda
Explore a Biblioteca