FlatList no React Native da forma CORRETA (Tutorial)

[@Coffstack]

ASSISTA: Scroll Infinito no React Native com FlatList e API REST: kzbin.info/www/bejne/nICQk2x4dq6sm6c

[@ivoaurelio1]

Cara, não sei oq me deixou mais impressionado: a objetividade, a rapidez da explicação, a quantidade de dicas em 10 minutos ou a idade do professor. Seus conteúdos são excelentes! Além de a informação ser extremamente importante a maneira como ele ensina deixa tudo esclarecido e, pra completar, a edição do vídeo prende a atenção. Perfeito! Te desejo todo sucesso!

[@Coffstack]

Valeu pelo feedback Ivo. Muito bom saber que o vídeo te ajudou, o canal está só começando!

[@marceloteodoro5192]

Vou aplicar sua AULA na minha flatlist. Se ela resolver a lentidão da minha flatlist, volto aqui e rezo 3 pai nosso.

[@felipesllopes]

Cara, vídeo sensacional. Não trata do que eu estava buscando mas fez eu assistir até o final e aprender coisas novas. Edição e explicação 100%! Ganhou +1 inscrito!

[@Coffstack]

Valeu Felipe! Obg por se inscrever! O que vc estava buscando?

[@felipesllopes]

@@Coffstack Tmj mano!! Então, queria saber como passar valores de uma state pra outra e renderizar isso na flatlist, pensei no extraData mas ainda não entendi mt bem seu uso. Mas acabei resolvendo de maneira mt lógica kkk Mas de qualquer forma, se tiver vídeo sobre, agradeço!!

[@Henrique-sg9wm]

slk edição perfeita deixando o video mais animado e bom de assistir

[@Coffstack]

Valeu Henrique!

[@mahyagama6082]

Ameeeei, tá incrível! Muito sucesso pra vc! 👏

[@Coffstack]

Muito obg Mahya!

[@gleydsonbrito1717]

Boa demais. Rápido, claro e objetivo. Muito fácil de entender.

[@Coffstack]

Valeu Gleydson, esse é nosso objetivo!

[@felipevalenca5492]

Exatamente as informações que procurava ! parabéns pelo conteúdo.

[@Coffstack]

Valeu, Felipe! Que bom que curtiu.

[@mateuscesar_dev]

Muito bom irmao! Parabens!

[@Coffstack]

Valeu Mateus!

[@danilojose7370]

O brabo, me salvou mais um vez

[@Coffstack]

Tamo junto, irmão!

[@luisdomiciano]

Ótimo vídeo!

[@fexo975]

Cara estou com uma dificuldade de fazer o upload de imagens para a api, estou usando expo e expo-image-picker, axios e a api é em nodejs, alguém tem alguma dica?

[@dhoncrisley]

Uma dica: as vezes a função renderItem pode receber alguma prop do componente pai, com isso as vezes é bom envolve-la com um useCallback pra evitar rerenders

[@alaelciolucas174]

Faz um vídeo ensinando como criar este arquivo de arrays esta lista?

[@claudioadagio]

Vamos fazer esse canal crescer

[@Coffstack]

Uhuuuul, vamos Claudio, obrigado pelo apoio!

[@leonardomotta150]

Mano você e um genio!!!

[@Coffstack]

Que nada hahaha Obg pelo elogio, Leonardo!

[@MirellaLDS]

Prático!

[@tadeutominesfariafilho2737]

braboo

[@Coffstack]

Valeu amigo

[@samueloliveira4465]

E se eu quiser filtrar(filter) algo da lista, com o map é possível, como faço com a FlatList? Ótimo vídeo, ajudou muito.

[@Coffstack]

Não sei se entendi bem sua pergunta, mas se quiser fazer qualquer filtro na lista tem que ser antes de mandar para a flatlist. Passar a propriedade "data" já filtrada.

[@samueloliveira4465]

@@Coffstack Eu tinha feito assim: {books.filter((book) => { if (bookTitle == "") { return book } else if (book.title.toLowerCase().includes(bookTitle.toLowerCase())) { return book } }).map((book, index) => { return ( ) })} Aí eu conseguia renderizar conforme minha pequisa no input, mas não é muito performático, aí mudei para a FlatList, só que queria filtrar

[@kleberpereira8503]

Como insiro uma quantidade por página?

[@Coffstack]

Nesse tutorial não tem páginas, a flatlist recebe todos os items que precisa renderizar. Aqui no canal tem um vídeo onde explico como fazer essa paginação através do scroll infinito, dá uma olhada: kzbin.info/www/bejne/nICQk2x4dq6sm6c

[@brunno_gonzalez_dev]

🔥🔥🔥🔥🔥🔥🔥

[@Coffstack]