freeCodeCamp

2.9 KiB

Raw Blame History

id	title	challengeType	isRequired	videoUrl	localeTitle
5a24c314108439a4d403614b	Create a Redux Store	6	false		Crie um repositório Redux

Description

O Redux é uma estrutura de gerenciamento de estado que pode ser usada com diversas tecnologias da Web, incluindo o React. No Redux, existe um único objeto de estado que é responsável por todo o estado do seu aplicativo. Isso significa que se você tivesse um aplicativo React com dez componentes e cada componente tivesse seu próprio estado local, todo o estado do seu aplicativo seria definido por um único objeto de estado hospedado no store do Redux. Este é o primeiro princípio importante a ser entendido ao se aprender Redux: a loja Redux é a única fonte de verdade quando se trata do estado da aplicação. Isso também significa que sempre que qualquer parte do seu aplicativo quiser atualizar o estado, ele deverá fazê-lo através da loja Redux. O fluxo de dados unidirecional facilita o acompanhamento do gerenciamento de estado no seu aplicativo.

Instructions

O store Redux é um objeto que mantém e gerencia o state aplicativo. Existe um método chamado createStore() no objeto Redux, que você usa para criar o store Redux. Esse método usa uma função de reducer como um argumento obrigatório. A função de reducer é coberta em um desafio posterior e já está definida para você no editor de código. Ele simplesmente toma o state como um argumento e retorna o state . Declare uma variável de store e atribua-a ao método createStore() , passando o reducer como argumento. Nota: O código no editor usa a sintaxe do argumento padrão ES6 para inicializar este estado para manter um valor de 5 . Se você não estiver familiarizado com os argumentos padrão, consulte a seção ES6 no Currículo que aborda este tópico.

Tests

tests:
  - text: O armazenamento do redux existe.
    testString: 'assert(typeof store.getState === "function", "The redux store exists.");'
  - text: O repositório do redux tem um valor de 5 para o estado.
    testString: 'assert(store.getState()=== 5, "The redux store has a value of 5 for the state.");'

Challenge Seed

const reducer = (state = 5) => {
  return state;
}

// Redux methods are available from a Redux object
// For example: Redux.createStore()
// Define the store here:

Solution

// solution required

2.9 KiB Raw Blame History