Single page application

1 Leia as seguintes afirmações:

I. O modelo SPA garante o desempenho da aplicação ao transferir a renderização para o servidor.

II. Toda aplicação em React deve possuir apenas um Componente raiz.

III. O evento onSubmit é disparado quando o formulário é submetido.

IV. States são argumentos que podem ser passados para componentes React e, desse modo, transferir informações de um Componente pai para o filho.

Pode-se afirmar que são corretas as afirmações

a I, II e III

b II e III.

c I, III e IV.

d I, II, III e IV.

e I e IV.

• a I, II e III

• b II e III.

• c I, III e IV.

• d I, II, III e IV.

• e I e IV.

Os componentes em uma aplicação em React devem retornar elementos para serem

renderizados no DOM da página web. Desse modo, dado o código abaixo

function Livro() {

<h1>Capítulo 01</h1> <p>Era uma vez...</p>

}

return ();

• a A função não contém o método render que, em React, é obrigatório para

  Componentes funcionais.

• b A função está retornando dois elementos, porém o componente React só pode ter

  um único elemento.

• c A função do componente React está retornando somente Componentes filhos.

• d O código não apresenta erros e será renderizado corretamente.

• e A função está retornando dois Elementos pais, porém o componente React só pode

  ter um Elemento pai e diversos filhos.

Em aplicações web, os formulários são usados tanto para coletar dados dos usuários quanto um tipo de ouvidoria para atender às requisições de clientes. Desse modo, os formulários são úteis para fornecer um canal de comunicação entre o serviço disponibilizado na web e clientes, fornecedores e futuros usuários. Em React, é possível realizar diversas ações nos elementos de um formulário através de eventos, tais como: capturar dados inseridos, detectar o clique do mouse, etc.

No React, qual é o evento usado para detectar a mudança do conteúdo de um elemento no As categorias dos componentes disponibilizados pela biblioteca react-router são definidas de acordo com sua funcionalidade: routers, route matchers e navigation. Entre esses componentes, qual é usado para indicar o caminho da URL para renderizar o componente correspondente à rota solicitada?

• onClick

• onSelect

• onUpdate

• change

• onChange

O Redux é uma biblioteca usada para auxiliar no gerenciamento dos estados da

aplicação, que é baseado na arquitetura de padrão de fluxo de dados chamada Flux. Ele ajuda o desenvolvedor a escrever aplicações com comportamento consistente, mesmo executando em diferentes ambientes, tais como: cliente, servidor ou nativo.

• a A função createStore() é usada para criar o repositório central de dados (Store) da

  aplicação e possui somente um argumento.

• O componente <Provider> permite o acesso a Store da aplicação para qualquer

  componente que esteja aninhado dentro do componente <Provider>.

• c A função combineReducers é usada para disparar as ações para executar as

  mudanças de estados da aplicação se necessário.

• A função dispatch dá acesso ao estado da aplicação.

• Os reducers são os componentes da interface do usuário que podem executar

  ações para alterar os estados da aplicação.

5 No react-router, a navegação entre URLS atualiza somente o componente

correspondente à rota solicitada e, dessa forma, atualiza parte da interface sem precisar recarregar a página completa. Assim, o usuário tem a percepção de uma transição fluida e dinâmica entre páginas da aplicação web, mantendo o conceito de SPA.

As categorias dos componentes disponibilizados pela biblioteca react-router são definidas de acordo com sua funcionalidade: routers, route matchers e navigation. Entre esses componentes, qual é usado para indicar o caminho da URL para renderizar o componente correspondente à rota solicitada?

• Switch

• Link

• Router

• Route

• Browser Router

APIs são usadas para fazer a integração entre servidores de dados e funcionalidades e a

interface do usuário no Frontend. Elas são maneiras de estabelecer a comunicação entre os clientes e diversos serviços disponíveis em toda rede mundial de computadores.

Nesse contexto, é correto afirmar que

• a API estabelece um tipo de comunicação personalizada, permitindo que cada

  desenvolvedor crie seu protocolo próprio de comunicação.

• b A API ViaCEP disponibiliza de forma gratuita um serviço de busca de informações

  sobre a população brasileira direto da base de dados do IBGE.

• c As APIs private são fornecidas por diversas empresas e permitem que o público

  geral crie aplicações para acessar serviços e recursos disponibilizados em seus servidores.

• d O método HTTP POST é usado para realizar uma requisição de um dado no serviço.

• e APIs podem receber parâmetros de query através da URL de requisição.

Answer explanation

quando um desenvolvedor faz uso de aplicações JavaScript sempre tem que lidar com gerenciamento de estados. O Redux veio para suprir essa necessidade de simplificar o controle dos estados de uma aplicação. Por isso ao utilizar o Redux facilita o compartil hamento de estado entre vários componentes diferentes, e com isso a aplicação web s e torna mais fluída e agradável para o usuário que estã navegando.

Escreva sucintamente sobre a importância do Redux na gestão de contextos em soluções

para a web.

O redux auxilia no gerenciamento dos estados da aplicação controlando objetos com d ispatchers e reducers permitindo transferir dados e informações entre componentes p ais e filhos levando a uma aplicação mais consistente.