Dispositivos Móveis

Description

Mapa mental sobre Node.js e React Native
EMILLY SOARES SANTOS
Mind Map by EMILLY SOARES SANTOS, updated more than 1 year ago More Less
EMILLY SOARES SANTOS
Created by EMILLY SOARES SANTOS about 4 years ago
EMILLY SOARES SANTOS
Copied by EMILLY SOARES SANTOS about 4 years ago
3
0

Resource summary

Dispositivos Móveis
  1. Aplicação Móvel
    1. React Native
      1. O que é?
        1. Framework baseada no ReactJS
          1. Mas usa tags nativas do React Native
          2. Criação de apps multiplataformas
            1. O código é convertido para linguagem nativa
            2. Usa apenas Javascript
            3. Expo
              1. O que é?
                1. Expo permite o fácil acesso às API’s nativas
                  1. Não precisa instalar SDK ou XCode
                    1. O app fornece
                2. Como começar usando Expo

                  Annotations:

                  • Com as ferramentas necessárias instaladas, como NodeJS
                  1. Com o NodeJS e NPM já instalado na máquina
                    1. EXECUTAR
                      1. npm install expo-cli --Global
                    2. Baixar o app Expo/Usar emulador android
                      1. Criar o projeto
                        1. Executat expo init
                          1. Escolher blank
                            1. Expo start

                              Annotations:

                              • startar o projeto
                              1. Scanear o qr code com o aplicativo expo / iniciar com o emulador
                  2. Hooks
                    1. useState
                      1. Retorna um valor e uma função para atualizar o valor
                      2. useEffect
                        1. Aceita uma função que contém um código imperativo, possivelmente efetivo
                        2. useContext
                          1. Aceita um objeto de contexto e retorna o valor atual do contexto
                            1. const value = useContext(MyContext);
                          2. useReducer
                            1. Aceita um reducer e retorna o estado atual, junto com um método dispatch
                              1. const [state, dispatch] = useReducer(reducer, initialArg, init);
                            2. useCallback
                              1. Recebe um callback e um array e retorna uma versão memoizada do callback
                                1. const memoizedCallback = useCallback( () => { doSomething(a, b); }, [a, b], );
                              2. useMemo
                                1. Recebe uma função create e um array como argumentos e retorna uma versão memoizada
                                  1. const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);
                                2. useRef
                                  1. Retorna um objeto ref mutável, no qual a propriedade .current é inicializada para o argumento passado (initialValue)
                                    1. const refContainer = useRef(initialValue);
                                  2. useImperativeHandle
                                    1. Personaliza o valor da instância que está exposta aos componentes pai ao usar ref
                                      1. useImperativeHandle(ref, createHandle, [deps])
                                    2. useLayoutEffect
                                      1. Quase idêntico a useEffect, mas dispara sincronizadamente após todas as alterações no DOM
                                        1. Usar o useEffect quando possível, para evitar bloquear atualizações visuais.
                                      2. useDebugValue
                                        1. Usado para exibir um label em um custom hook em React DevTools
                                          1. useDebugValue(value)
                                    3. Conhecidas como "app"
                                      1. Tipos de Apps:
                                        1. Nativos
                                          1. Desenvolvidos para IOS ou Android
                                            1. Encontrados nas lojas de distribuição
                                              1. Permite uso do GPS, câmera,...
                                                1. Linguagem específica do SO
                                                2. Web Apps
                                                  1. Executados pelo navegador de forma adaptável
                                                  2. Híbridos
                                                    1. Multiplataforma
                                                      1. Mescla os Web Apps e os Nativos
                                                        1. Mescla linguagem nativa e web, como Ionic e React JS
                                                    2. Distribuição
                                                      1. Amazon Appstore
                                                        1. App Store
                                                          1. Google Play
                                                        2. Servidor
                                                          1. NodeJS
                                                            1. Tecnologia assíncrona que trabalha em uma única thread de execução
                                                              1. Permite Javascript full-stack
                                                                1. Node.js serve para fazer APIs
                                                                  1. Fazer aplicações de tempo real
                                                                  2. Combinações frequentes:
                                                                    1. Node.js + Express
                                                                      1. Manipulação de requisições HTTP
                                                                        1. Trabalha com URLs
                                                                        2. Node.js + Mongoose.
                                                                          1. Biblioteca ORM p/ MongoDB
                                                                          2. Node.js + Socket.io
                                                                            1. Uso de sockets com Node.js
                                                                            2. Node.js + Sequelize
                                                                              1. ORM p/ suporte à banco de dados relacionais
                                                                          3. Fornece serviços ao cliente (front end)
                                                                            1. É a parte de “trás” da aplicação
                                                                            2. Manipula o banco de dados
                                                                              1. O que é?
                                                                                1. Bancos SQL
                                                                                  1. Dados tabulares
                                                                                    1. PostgreSQL
                                                                                      1. MySQL
                                                                                      2. Bancos no SQL
                                                                                        1. Não tabulares
                                                                                          1. MongoDB
                                                                                      3. API
                                                                                        1. Implementar uma aplicação A em B sem precisar conhecer muitos detalhes sobre A
                                                                                          1. Implementação do Moogle Maps em uma aplicação de hotel
                                                                                          2. Para Acessar
                                                                                            1. Instalar a biblioteca Axios
                                                                                              1. Cliente HTTP
                                                                                                1. Funciona no browser e no node.js
                                                                                                2. Faz a comunicação entre o navegador e o servidor
                                                                                                  1. XMLHttpRequest / http
                                                                                                  2. As req retornam promises compátiveis com o JavaScript - ES6
                                                                                              2. WebSocket
                                                                                                1. Protocolo
                                                                                                  1. Conexão entre o Servido e o navegador
                                                                                                    1. De forma contínua
                                                                                                      1. Chamada Assíncrona
                                                                                                        1. Como chat's
                                                                                                          1. Contrária as requisições
                                                                                                  Show full summary Hide full summary

                                                                                                  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