null
US
Sign In
Sign Up for Free
Sign Up
We have detected that Javascript is not enabled in your browser. The dynamic nature of our site means that Javascript must be enabled to function properly. Please read our
terms and conditions
for more information.
Next up
Copy and Edit
You need to log in to complete this action!
Register for Free
24037486
Dispositivos Móveis
Description
Mapa mental sobre Node.js e React Native
No tags specified
react native
reactjs
node.js
backend
frontend
programação
Mind Map by
EMILLY SOARES SANTOS
, updated more than 1 year ago
More
Less
Created by
EMILLY SOARES SANTOS
over 4 years ago
Copied by
EMILLY SOARES SANTOS
over 4 years ago
4
0
0
Resource summary
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
Annotations:
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
Annotations:
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
Show full summary
Hide full summary
Want to create your own
Mind Maps
for
free
with GoConqr?
Learn more
.
Similar
Programação
Prepara Palhoça
Mapa Mental - Algoritmos e Programação
Marcos Santos2025
Mapa Mental de Revisão de Algoritmos e Programação I
José Toniazzo
Linguagens de Programação
Lucas Miranda
PROGRAMAÇÃO
Guilherme Toniello
LINGUAGEM DE PROGRAMAÇÃO I
ailtonmidias
Lógica de Programação- Dados
Gabriela Alves
INTRODUÇÃO AOS PARADIGMAS DAS LINGUAGENS DE PROGRAMAÇÃO
cleversonsh
006A - Linguagem de Programação - C# - Fundamentos
Ethelberto Mello
Prova Linguagem de Programação 1 bimestre
Alexandre Nascimento
Algoritmos e Lógica de Programação
andriellicm
Browse Library