[go: up one dir, main page]

0% acharam este documento útil (0 voto)
25 visualizações11 páginas

Sintaxe e Componentes Do React Native

O documento apresenta um exercício de perguntas e respostas sobre o uso do NPM e conceitos do React Native, onde o usuário acertou 9 de 10 questões. Cada pergunta é acompanhada de uma resposta correta e um gabarito comentado que explica os conceitos relacionados. O conteúdo abrange tópicos como instalação de pacotes, transpilação, JSX, e a hierarquia de componentes em React Native.

Enviado por

rutralemos
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
25 visualizações11 páginas

Sintaxe e Componentes Do React Native

O documento apresenta um exercício de perguntas e respostas sobre o uso do NPM e conceitos do React Native, onde o usuário acertou 9 de 10 questões. Cada pergunta é acompanhada de uma resposta correta e um gabarito comentado que explica os conceitos relacionados. O conteúdo abrange tópicos como instalação de pacotes, transpilação, JSX, e a hierarquia de componentes em React Native.

Enviado por

rutralemos
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 11

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

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.

A install expo-cli

B local install expo-cli

C npm install expo-cli

D npm install expo-cli local

E 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-
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,


A
transformando-o em código assembly.

O React Native é capaz de compilar seu código em um código nativo


B
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
C
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
D
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


E 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!
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


A
aplicativos mobile.

JSX não é uma linguagem, e sim uma extensão para arquivos


B 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


C 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),
D
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
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.

A npm install expo-cli

B node -v

C yarn add react-base

D npx react-native init

E react-native run-android

Resposta correta
Parabéns você selecionou a alternativa correta Confira o gabarito
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.

A < div >, < p >, < img >, < input >, < div >

< ViewGroup >, < TextView >, < ImageView >, < EditText >, <
B
ScrollView >

C < ViewUI >, < TextUI >, < ImgUI >, < InputUI >, < LargeViewUI >

< UIView >, < UITextView >, < UIImageView >, < UITextField >, <
D
UIScrollView >

E < View >, < Text >, < Image >, < TextInput >, < ScrollView >

Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito
comentado!

Gabarito Comentado
A resposta certa é: < ViewGroup >, < TextView >, < ImageView >, <
EditText >, < ScrollView >

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


A
que utilize tal sistema operacional.

O Android Studio é a única IDE que pode ser usada para a codificação
B
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
C
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 é


D 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
E
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
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


A 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.


B Consequentemente, ele não pode ter nenhum outro componente
aninhado em si.

Um componente só pode ser contêiner de outros componentes do


C
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
D
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
E 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!
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?

A Na memória do dispositivo móvel.

B Na pasta ''node_modules'', dentro da pasta do projeto.

C Na raiz do projeto.

Na pasta Arquivos de Programas do ambiente Windows. No Linux, isso


D 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


E
momento da instalação de cada pacote.

Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito
comentado!
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


A
tanto em dispositivos móveis quanto em desktops.

JSX é, a exemplo do HTML, uma linguagem composta apenas por tags


B
pré-definidas.

JSX é uma linguagem composta apenas por tags, sejam elas pré-
C definidas, como no HTML, ou criadas pelo desenvolvedor, como no
XML.

A linguagem JSX é uma especificação da linguagem XML destinada à


D
criação de aplicativos mobile.

JSX é uma sintaxe de extensão da linguagem JavaScript que possui


E 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
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


A
com o framework React.js desenvolvido pelo Facebook.

A curva de aprendizagem para utilização do framework é grande, pois


B
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


C 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
D
dispositivos móveis, o que lhes confere grande velocidade de
execução.

Os aplicativos desenvolvidos em React Native utilizam uma linguagem


E 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.

Você também pode gostar