Sintaxe e Componentes do React Native

Prévia do material em texto

Você acertou 9 de 10 questões
Verifique o seu desempenho e continue treinando! Você pode refazer o
exercício quantas vezes quiser.
Verificar Desempenho
A
B
C
D
E
1 Marcar para revisão
Há duas formas para se instalar um pacote utilizando o NPM: local e global.
Marque a alternativa correspondente ao comando para instalação local do Expo
Cli.
install expo-cli
local install expo-cli
npm install expo-cli
npm install expo-cli local
npx init expo-cli
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
O comando correto para a instalação local do Expo Cli é "npm install expo-
A
B
C
D
E
cli". O NPM (Node Package Manager) é um gerenciador de pacotes para a
linguagem de programação JavaScript, que permite aos desenvolvedores
instalar e gerenciar pacotes de software em seus projetos. No caso do
Expo Cli, um ambiente de desenvolvimento para aplicativos React Native, o
comando "npm install expo-cli" instala o pacote localmente no projeto em
que o comando é executado. As outras alternativas não representam
comandos válidos para a instalação local do Expo Cli.
2 Marcar para revisão
Sobre o processo de transpilação realizado pelo React Native, assinale a
alternativa correta:
O que o React Native faz, na verdade, é compilar todo o código-fonte,
transformando-o em código assembly.
O React Native é capaz de compilar seu código em um código nativo
Android. Entretanto, isso não é possível em relação à plataforma iOS.
O React Native compila um aplicativo-base cuja função é executar
código JavaScript no JavaScriptCore presente em cada dispositivo
móvel. A partir disso, esse aplicativo faz a comunicação (ponte ou
bridge) com os componentes nativos de cada plataforma.
Ao final do processo de transpilação, é necessário, numa segunda
etapa de building, utilizar os compiladores específicos das linguagens
de cada plataforma para então gerar um aplicativo que possa ser
executado nelas.
O resultado da transpilação varia de acordo com a plataforma para a
qual se desenvolve. No caso da plataforma Android, é gerado um
código na linguagem Java. Já no iOS, é gerado o código Objective-C.
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito
comentado!
A
B
C
D
E
comentado!
Gabarito Comentado
A alternativa correta é a letra C. O React Native realiza um processo de
transpilação, onde compila um aplicativo-base que tem como função
executar código JavaScript no JavaScriptCore, que está presente em cada
dispositivo móvel. A partir disso, esse aplicativo realiza a comunicação,
também conhecida como ponte ou bridge, com os componentes nativos de
cada plataforma. Isso significa que o React Native não transforma o
código-fonte em código assembly (Alternativa A), nem compila o código
em um código nativo Android ou iOS (Alternativas B e E). Além disso, não é
necessário utilizar os compiladores específicos das linguagens de cada
plataforma após a transpilação (Alternativa D).
3 Marcar para revisão
JSX é uma sintaxe de extensão à linguagem JavaScript familiar ao XML. Com
base em sua definição e características, é correto afirmar que:
JSX é a única linguagem disponível para o desenvolvimento híbrido de
aplicativos mobile.
JSX não é uma linguagem, e sim uma extensão para arquivos
JavaScript, a fim de diferenciá-los de arquivos JavaScript que utilizam
a extensão ''.js''.
JSX não permite que o código responsável pela lógica dos
componentes e o mark-up de manipulação do DOM coexistam em um
mesmo código.
Durante o processo de building da aplicação (seja uma aplicação web
utilizando ReactJS ou um aplicativo mobile empregando React Native),
há uma etapa na qual o código JSX é convertido em código
JavaScript.
JSX exerce o papel de uma linguagem de estilos que permite a
E
A
B
C
D
E
construção de componentes de interface ricos.
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
JSX é uma sintaxe de extensão à linguagem JavaScript familiar ao XML.
Com base em sua definição e características, é correto afirmar que durante
o processo de building da aplicação (seja uma aplicação web utilizando
ReactJS ou um aplicativo mobile empregando React Native), há uma etapa
na qual o código JSX é convertido em código JavaScript.
4 Marcar para revisão
A gestão de pacotes e bibliotecas em um projeto React é realizada por
gerenciadores de dependências, como, por exemplo, o NPM e o YARN. Tendo
como base o NPM, assinale a alternativa que corresponde a um comando NPM
válido.
npm install expo-cli
node -v
yarn add react-base
npx react-native init
react-native run-android
Resposta correta
Parabéns você selecionou a alternativa correta Confira o gabarito
A
B
C
D
E
Parabéns, você selecionou a alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
O comando "npm install expo-cli" é um comando válido do NPM. Este
comando é utilizado para instalar um pacote ou biblioteca específica no
projeto, neste caso, o "expo-cli". As outras alternativas não são comandos
válidos do NPM, mas sim de outras ferramentas ou comandos que não
estão relacionados diretamente com a gestão de pacotes e bibliotecas no
NPM.
5 Marcar para revisão
Indique a opção correspondente à lista de componentes nativos existentes na
plataforma Android.
, , , , 
, , , , 
, , , , 
, , , , 
, , , , 
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
A
B
C
D
E
A resposta certa é: , , , , 
6 Marcar para revisão
Em relação ao ambiente de programação para dispositivos móveis, marque a
alternativa verdadeira.
Para testar aplicativos Android, é necessário ter um dispositivo móvel
que utilize tal sistema operacional.
O Android Studio é a única IDE que pode ser usada para a codificação
de aplicativos em React Native.
A utilização de gerenciadores de pacotes facilita a configuração do
ambiente de desenvolvimento. Com eles, nenhuma configuração se
faz necessária em termos de softwares ou mesmo de configurações
no sistema operacional.
Quando utilizamos o Expo CLI para criarmos nossas aplicações, não é
possível, em um mesmo computador/ambiente, criar aplicações
utilizando o React Native CLI.
É possível existir um ambiente de desenvolvimento heterogêneo, não
havendo restrições quanto à utilização apenas de um gerenciador de
pacotes, de uma mesma IDE ou mesmo de uma única forma de
desenvolver e testar nossos aplicativos.
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
A alternativa correta é a E, que afirma que é possível existir um ambiente
A
B
C
D
E
de desenvolvimento heterogêneo. Isso significa que não há restrições
quanto à utilização apenas de um gerenciador de pacotes, de uma mesma
IDE ou mesmo de uma única forma de desenvolver e testar nossos
aplicativos. Em outras palavras, é possível utilizar diferentes ferramentas e
abordagens no mesmo ambiente de desenvolvimento, o que permite maior
flexibilidade e adaptabilidade às necessidades específicas de cada projeto.
7 Marcar para revisão
Em relação à hierarquia de componentes nativos, é correto afirmar que:
A hierarquia de componentes em React Native é bastante flexível. Com
isso, é possível utilizar em conjunto diferentes componentes, inclusive
como contêineres de outros componentes.
Um componente não pode ser usado como contêiner.
Consequentemente, ele não pode ter nenhum outro componente
aninhado em si.
Um componente só pode ser contêiner de outros componentesdo
mesmo tipo.
Embora os componentes possam ser usados como contêiner de
outros, há uma restrição para essa regra em relação ao componente
View, que só pode ser utilizado para outros componentes do mesmo
tipo.
A regra de hierarquias ou de componentes que podem ser utilizados
em conjunto é bastante flexível. Entretanto, no caso de componentes
de diferentes tipos serem utilizados em conjunto, não é possível
estilizá-los individualmente, havendo apenas a possibilidade de que os
filhos herdem os mesmos estilos dos elementos-pai.
Resposta incorreta
Opa! A alternativa correta é a letra A. Confira o gabarito comentado!
A
B
C
D
E
Gabarito Comentado
A alternativa correta é a A, que afirma que a hierarquia de componentes em
React Native é bastante flexível. Isso significa que é possível utilizar em
conjunto diferentes componentes, inclusive como contêineres de outros
componentes. Essa flexibilidade permite a criação de interfaces de usuário
complexas e personalizadas, pois os componentes podem ser aninhados
uns dentro dos outros, independentemente do tipo de componente. As
demais alternativas apresentam afirmações incorretas sobre a hierarquia e
o uso de componentes em React Native.
8 Marcar para revisão
Pacotes instalados por intermédio de gerenciadores de pacotes são
armazenados em que local?
Na memória do dispositivo móvel.
Na pasta ''node_modules'', dentro da pasta do projeto.
Na raiz do projeto.
Na pasta Arquivos de Programas do ambiente Windows. No Linux, isso
pode variar de acordo com a distribuição, mas os pacotes
normalmente são armazenados na pasta /opt/.
O local de armazenamento pode variar, devendo ser indicado no
momento da instalação de cada pacote.
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito
comentado!
A
B
C
D
E
Gabarito Comentado
Os pacotes instalados por intermédio de gerenciadores de pacotes são
armazenados na pasta ''node_modules'', dentro da pasta do projeto.
9 Marcar para revisão
A linguagem utilizada no framework React Native é a JSX. A respeito dela,
podemos afirmar que...
Essa linguagem é interpretada diretamente pelos navegadores web
tanto em dispositivos móveis quanto em desktops.
JSX é, a exemplo do HTML, uma linguagem composta apenas por tags
pré-definidas.
JSX é uma linguagem composta apenas por tags, sejam elas pré-
definidas, como no HTML, ou criadas pelo desenvolvedor, como no
XML.
A linguagem JSX é uma especificação da linguagem XML destinada à
criação de aplicativos mobile.
JSX é uma sintaxe de extensão da linguagem JavaScript que possui
familiaridade com a XML. Tal linguagem combina a lógica de
componentes presente no JS e o mark-up DOM em um único código.
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
A alternativa correta é a E. A JSX é uma sintaxe de extensão da linguagem
JavaScript que possui familiaridade com a XML. Isso significa que ela
permite escrever HTML em seu código JavaScript Essa linguagem
A
B
C
D
E
permite escrever HTML em seu código JavaScript. Essa linguagem
combina a lógica de componentes presente no JavaScript e o mark-up
DOM em um único código, o que facilita a criação de interfaces de usuário
complexas a partir de componentes encapsulados e independentes.
10 Marcar para revisão
O React Native facilita o desenvolvimento híbrido de aplicações mobile. Aponte
a alternativa correta em relação aos benefícios apresentados por ele.
O React Native foi criado pela Google com o objetivo de concorrer
com o framework React.js desenvolvido pelo Facebook.
A curva de aprendizagem para utilização do framework é grande, pois
ele faz uso de uma linguagem de programação específica: o JSX.
Ao utilizar React Native, é possível desenvolver um único código, que
será, em sua maior parte, compatível com as plataformas Android e
iOS.
Os aplicativos desenvolvidos em React Native não são aplicativos
mobile reais, e sim aplicativos web que rodam nos navegadores dos
dispositivos móveis, o que lhes confere grande velocidade de
execução.
Os aplicativos desenvolvidos em React Native utilizam uma linguagem
de alto nível que é compilada, em tempo de execução, para as
linguagens nativas das plataformas Android e iOS.
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
A alternativa correta é a letra C. O React Native é um framework que
permite o desenvolvimento de aplicações mobile híbridas, ou seja, um
único código pode ser utilizado para criar aplicações tanto para Android
quanto para iOS. Isso é possível porque o React Native utiliza uma
linguagem de programação chamada JavaScript, que é interpretada e não
compilada, permitindo que o mesmo código seja executado em diferentes
plataformas. Essa característica traz uma grande vantagem em termos de
produtividade e manutenção do código, pois evita a necessidade de
desenvolver e manter dois códigos diferentes para cada plataforma.