Curso

React Native: Usando Array.map e Array.filter

Neste micro curso falaremos sobre dois recursos do JavaScript que podem ser aplicados ao React Native: Array.map e Array.filter, aumentando as possibilidades de aplicações que podem ser construídas. Além disso teremos maior aproveitamento de código e novos recursos, tais como filtragem e busca de dados e componentes. Através do uso do Array.map poderemos construir listas de componentes dinâmicos baseadas em coleções de dados. Já com Array.filter podemos fazer a filtragem de dados de uma coleção, assim como efetuar buscas nelas a partir de inputs do usuário. Neste curso veremos ainda um exemplo de como usar esses dois recursos para construir um app que lista nomes e códigos de bancos e permite ao usuário buscar por eles.

Esse curso inclui:

Suporte em tempo real

Certificado

Carga horária:

4 horas

Curso de React Native (4 aulas)

Aula 1 - Array.map

Nesta aula veremos como podemos integrar o uso do Array.map no React Native para exibirmos componentes de maneira dinâmica com base em coleções de dados. Veremos como repetir um mesmo componente inúmeras vezes na tela, a partir de um array de da

Aula 2 - Usando o Array.map

Nesta aula você vai aprender como utilizar o Array.map para criar uma lista de itens dinâmicos com base em uma coleção de dados. No decorrer da aula você entenderá como o Array.map deve ser utilizado dentro do seu código React Native.

Aula 3 - Array.filter

Nesta aula veremos como utilizar o Array.filter para filtrar dados de uma coleção, permitindo criar por exemplo um sistema de busca a partir de uma coleção de dados.

Aula 4 - Criando uma busca com Array.filter

A ideia nesta aula é utilizar o filter de um modo diferente, permitindo buscar informações com base em um texto digitado pelo usuário, ao invés de buscar por dados fixos.

Iniciar agora
Ebook exclusivo
Dê um upgrade no início da sua jornada. Crie sua conta grátis e baixe o e-book

Veja outros cursos de React Native

React Native: Consumindo APIs

React Native: Consumindo APIs Públicas de Terceiros

React Native: Criando um jogo da velha passo a passo