Prévia do material em texto

P1 - Engenharia de Software - Programação para Dispositivos Móveis
Questão 1 - Como é definido o React Native? Quais vantagens de utilizá-lo?
Questão 2 - Descreva o funcionamento do Props no React Native, dê um exemplo de utilização.
Questão 3 - O React Native é um framework composto de ferramentas, baseadas no que há de melhor do desenvolvimento front-end (HTML, CSS e JS). Ainda sobre o React Native assinale a alternativa correta.
a) O React Native é baseado no Flutter.
b) O React Native é uma biblioteca CSS do Facebook.
c) O React Native permite o desenvolvimento de aplicações Nativas.
d) O React Native utiliza a linguagem Java para desenvolver aplicações Nativas.
Questão 4 - Para desenvolver com o React Native ferramentas precisam estar instaladas em seu ambiente de trabalho para o correto funcionamento. Sobre essas ferramentas assinale a alternativa correta.
a) NPM. Habilita o seu computador a executar localmente códigos em JavaScript.
b) Node. Gerenciador de pacotes que por meio de linhas de comando instala local e globalmente frameworks, bibliotecas e/ou códigos de terceiros.
c) JavaScript. Auxilia que as aplicações reiniciem automaticamente sempre que uma alteração é feita na estrutura de arquivos e pastas.
d) Expo. Conjunto de ferramentas que fornece o ecossistema para criar, testar e rodar aplicações mobile.
Questão 5 - O DOM é ______________ que o navegador cria quando uma página é __________. Com essa estrutura criada, o ________________ pode efetuar algumas ações. Assinale a alternativa que preencha corretamente as lacunas.
a) uma árvore de objetos; requisitada; JavaScript;
b) uma árvore de objetos; carregada; JavaScript;
c) um array de objetos; requisitada; CSS;
d) um array de objetos; carregada; CSS;
Questão 6 - No React o Virtual DOM é uma camada entre o que deve ser renderizado na página web e o que o desenvolvedor realmente codificou. Assinale a alternativa que indique corretamente o funcionamento do Virtual DOM.
a) A utilização do Virtual DOM representa uma otimização no desempenho na renderização de elementos na tela.
b) Toda vez que um componente precisa ser renderizado é feita uma atualização no DOM e em seguida no Virtual DOM.
c) As mudanças quando solicitadas acontecem no DOM propagando para todos os elementos do Virtual DOM.
d) O DOM é uma representação mais leve do Virtual DOM do navegador.
Questão 7 - Ao executar uma aplicação com React Native três threads são executadas, além das que estão em background por aplicações nativas. Sobre essas threads, assinale a alternativa correta.
a) First Thread, ela trata, além das requisições relacionadas com a renderização de elementos na tela, os gestos reproduzidos pelo usuário.
b) Main Threadm, responsável pela lógica de negócio da aplicação e definir a estrutura e funcionalidade da interface com o usuário.
c) JS Thread, ela é responsável por executar o código na linguagem nativa do dispositivo móvel.
d) Shadow Thread, é responsável por realizar os cálculos referentes ao layout.
Questão 8 - JSX é definido como uma extensão da sintaxe do JavaScript, que é utilizado para descrever a aparência da interface com o usuário. A primeira vista o JSX pode lembrar uma linguagem de marcação, porém com todo o poder do JavaScript. Sobre o JSX assinale a alternativa correta.
a) JSX significa JavaScript HTML;
b) Para programar no React é necessário utilizar o JSX;
c) JSX permite escrever HTML no React;
d) O JSX converte elementos React em HTML;
Questão 9 - Sobre a estrutura de pastas e arquivos do React inicializado via Expo, assinale a alternativa correta.
a) Na pasta node_modules estão dispostas as dependências do projeto
b) A pasta assets contém arquivos de informação e configuração do Expo;
c) O arquivo babel.config.js contém os scripts de build para Android e iOS, além de outros recursos mais.
d) O arquivo package.json é o arquivo de configuração do transpilador que converte o JSX para sintaxe web (HTML, CSS e JS).
Questão 10 - Mesmo que o React Native seja baseado no React alguns elementos possuem nomes diferentes para suas tags. Assinale a alternativa que relacione corretamente a tag React com a React Native.
a) <span> e <Link>
b) <p> e <Text>
c) <h1> e <Title>
d) <div> e <View>
Resposta:
1 - Segundo Pinho e Escudelario, o react native é definido como um framework composto de ferramentas, se baseando no que há de melhor no desenvolvimento front-end(HTML,CSS,JS) possibilitando o desenvolvimento de aplicações nativas tanto para IOS quanto para Android.
ela tem uma grande vantagem, pois diferente de outras linguagens que criam uma webview e logo após renderizam a aplicação sobre ela, o react converte o código desenvolvido na linguagem nativa do sistema operacional do dispositivo.
2 - Dentro do React Native, o props é chamado dentro do componente criado, mais especificamente dentro dos parentes da função principal, assim dentro dos botões ou alertas conseguimos colocar entre parentes os parâmetros 'props.name' por exemplo, que pega os dados passados dentro da aplicação principal, neste caso o 'App.js'.
Exemplo:
App.js
import React from 'react';
import { View } from 'react-native';
import Componente from './Components/Componente';
export default function App() {
 return (
 <View style={{paddingTop:50}}>
 <Componente name="Renan Brito" msg="O botão foi apertado!"/>
 </View>
 );
}
Componente.js
import React from 'react';
import {Alert, Button, Text, View} from 'react-native';
export default function(props){
 return(
 <View>
 <Text>Bem-vindo {props.name}</Text>
 <Button title="Clica here mano" onPress={() => Alert.alert(props.msg)}/>
 </View>
 )
}