React: Trabalhando com coleções de dados

Nesta aula veremos como integrar o uso do Array.map no React para exibir componentes de forma dinâmica, usando uma coleção de dados como base.

Nesta aula veremos como utilizar o Array.map no código React. Conheceremos também a sintaxe do Array.map e a propriedade nativa do React: key.

Nesta aula veremos a utilidade do Array.filter no código React para realizar buscas em uma coleção de dados. Também relembraremos o funcionamento do Array.filter e a sua sintaxe, conforme o que já foi apresentado no módulo de JavaScript.

Nesta aula evoluiremos o exemplo visto na aula anterior. A ideia aqui é criar botões que permitam o usuário filtrar e apresentar os jogos de uma coleção conforme a plataforma escolhida.

Nesta aula aplicaremos mais uma evolução no nosso exemplo prático. A ideia agora é criar um campo de pesquisa que permite ao usuário buscar os dados de uma coleção com base em um texto digitado.

Nesta aula refatoraremos o código do exemplo. A ideia aqui é deixar o código mais organizado através da criação de uma camada de serviço, separando a lógica central da aplicação em um novo arquivo JavaScript.