WorksheetsReact - Introdução
Total questions: 27
Worksheet time: 40mins
Qual é a forma correta de criar um projeto utilizando a ferramenta Expo?
expo start
expo init nomeProjeto
cd nomeProjeto
npm install
Qual a maneira correta de iniciarmos um projeto com a ferramenta Expo?
expo init
expo start
npm start
npm install
Encontre a melhor definição para o seguinte código:
const Componente = () => {};
Função com o nome de Componente
Componente React
String
Number
Encontre a melhor definição para o seguinte código:
const Componente = () => {
return <></>;
};
Poderá ser considerado um Componente React
Função
String
Number
Qual o significado da palavra myApp?
expo init myApp
Nome do projeto que vamos criar
Versão do expo
Nome do package React que vamos instalar
Quais do seguintes exemplos é uma utilização correta de uma prop?
<button style={{width: 10}}>Botão</button>
<button> style={{width: 10}}
<button style:{width: 10}>Botão</button>
<button style=width:10>Botão</button>
O que é isto?
Um estado em React
Uma variável normalíssima
Componente
Função
O que é isto?
Um hook que controla os efeitos secundários de um componente
Uma função javascript
Componente
Um objeto React que controla os efeitos secundários de um componente
Quando é que este useEffect vai despoletar?
Sempre que o componente atualizar
De 5 em 5 segundos
Quando um console.log() for executado
Nunca
Para que serve um estado do React?
Um object utilizado pelo Componente para guardar dados.
Exclusivamente para guardar Arrays
Não serve para nada
Qual será o resultado deste código?
[ 'audi', 'skoda', 'suzuki' ]
[ 'audi', 'skoda', 'suzuki' , 'buggatti']
['buggatti']
Erro! pop() não é uma função
O que faz o método .slice() ?
Retorna uma cópia de parte de um array a partir de um subarray criado entre as posições início e fim
Corta a array a meio
Cria um novo array com todos os elementos que passaram no teste implementado pela função fornecida.
Invoca a função callback passada por argumento para cada elemento do Array e devolve um novo Array como resultado.
Complete o código: const [state, useState] = React
(a)
Complete o código: <View...
(a)
Complete o código: <Button..
(a)
Em React para que serve uma prop?
Argumentos passados para dentro de um componente React
Para passar unicamente estilos
Para definir o tipo de componente
Qual a sintaxe correta para realizarmos um import de um componente React?
import React.Component from 'react'
import Component from 'react'
import [ Component ] from 'react'
import { Component } from 'react'
Um hook serve para utilizarmos estados e outras funcionalidades do React, sem a necessidade de criarmos um componente
Verdade
False
Um React.state() serve para gerirmos os efeitos secundários de um componente?
Falso
Verdade
O React native permite criar aplicações para iOS e Android?
Verdade
False
SRP, implica que cada componente apenas tenha uma responsabilidade
Falso
Verdade
SRP, implica que cada componente tenha uma ou mais responsabilidades
Verdadeiro
Falso
Qual o componente indicado para renderizarmos uma imagem?
View
Text
Image
Text Input
Qual o melhor componente para renderizarmos texto simples?
Text
View
ScrollView
Image
Se quisermos criar um funcionalidade de onClick devemos utilizar o componente View?
Falso
Verdadeiro
Qual o melhor métodos para incorporarmos estilos num componente?
Não é possível
prop style={}
StyleSheet
ScrollView
Este Código tem erros?, se sim onde?
<Button
onPress={onPressLearnMore}
title="Learn More"
color="#841584"
accessibilityLabel="Learn more about this purple button"
/>;
Não tem erros
Um botão não tem um onPress
Não é possível modificar a color
