Zusammenfassung der Ressource
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
Anmerkungen:
- 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
Anmerkungen:
- 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