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
EMILLY SOARES SANTOS
Created by EMILLY SOARES SANTOS almost 4 years ago
10
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

                                                                                                  DISPOSITIVOS MÓVEIS E JORNALISMO: UMA QUESTÃO DE ESPAÇO /Daniela Osvald / USP
                                                                                                  Mariana Viegas
                                                                                                  M-learning e Matemática
                                                                                                  Danilo L Batista
                                                                                                  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