Amigo, estou criando um projeto para estudos com base nas atividade da empresa que trabalho, procurei em vários lugares e não encontrei a resposta, mas seu vídeo me ajudou a encontrar a resposta que estava procurando. Muito obrigado por sua disposição.
Muito bom!! Consegui implementar em um projeto com requisição ao Banco de Dados, tive que fazer pequenos ajustes, mas a base utilizada foi a do vídeo. Simples e direto ao ponto
Muito obrigado pela aula Vinícius. Estou fazendo um pequeno projeto em Next.js e TS e este vídeo me ajudou a chegar a uma solução de um filtro de buscas.
Parabéns, Vinícius. Mostrou com uma didática muito boa. Sou iniciante no React e foi de grande utilidade esse vídeo. Novo inscrito. Abraço e sucesso ao canal.
O ideal e jogar isso pro backend por causa do procesamento de dados etc, porem para meu projeto pequeno que nem tem backend direito serviu kkkk god dms esse mano
@Vinicius Dacal, eu utilizei essa sua lógica dentro de um modal. Quando eu passo o autoFocus para o input não tenho nenhum problema, mas quando eu não tenho o autoFocus, e preciso clicar no input para digitar, o modal é renderizado novamente, e o input não fica com o focus. Tem ideia de como resolver esse problema?
Vinicius Dacal, porque o useMemo melhora a performance nesse caso? Como o listener é o valor de busca e a cada letra digitada é renderizado novamente a lista, têm-se um grande número de "buscas" efetuadas a cada letra digitada no input. Estou tendo ainda dificuldade de entender quando usar o UseCallBack e o useMemo e esse seu tutorial foi o que mais me passou algo dentro da realidade para entender na prática. Estou tendo que lidar no estágio com múltiplos filtros para o mesmo valor de dados, que mudam, mas com frequencia nao tão grande. Estou tendo problema tanto com essa questão do filtro de palavras e a melhor forma de integrar multiplos filtros. Sugestão para um novo vídeo, hahaha. Parabéns pelo o conteúdo, tem me ajudado muito.
O useMemo guarda o valor de uma variável que é sempre inicializada no primeiro no lifecycle do componente, se vc tem o valor que não precisa ser de fato recriado sempre que o componente mudar vc pode usar o useMemo
Também gostaria de um filtro desse tipo retornando os dados de uma api, no meu caso tenho um array de objetos e preciso filtrar pelo titulo para exibir apenas o objeto que possui o titulo. Mas também gostei muito do vídeo parabéns.
Uma dúvida, esse método é escalável? Digo, se for uma aplicação com muita informação, essa forma dá conta do recado ou o código precisa de melhor tratamento?
Boa Noite, o video é otimo, porem ele pesquisa dentro de um array, como faço para pesquisar quando tenho um array com o nome chamados e dentro dele tem diversos objetos, cada objeto com um titulo dentro?
Cara, gostaria de saber se eu consigo puxar essa "lista" de um banco de dados, pra que o usuário pudesse buscar os itens cadastrados. Se sim, tem algum vídeo? Sou leigo.
Da sim.vc vc teria q fazer um objeto frutas [ {"cor":"verde","nome":"limão"}, {"cor":"roxo","nome":"uva"} ] E ai na parte de buscar ia ficar tipo assim frutas.cor.filter() || frutas.nome.filter() Respondendo do celular mas acho q da pra entender
@@henriqueprado6522 boa Henrique, eu estou aprendendo tbm, feliz q deu certo. Eu tô pesquisando q eu tô precisando fazer um search e quero dar um TAB ou clicar no item e listar ele na tela ja
Fala Felipi, tudo bem? Qual erro você está recebendo? Consegue colocar seu código no codesandbox ou no github? Aí fica mais fácil de ajudar. Grande abraço.
Criei no git, la tem uma imagem de como fica quando eu pesquiso, no caso estou pesquisando da minha API, uso mysql, e nodeJS para o back. Quando pesquiso qualquer palavra ele mostra todos os produtos do banco, eu tentei fazer do seu video, porém eu acabei indo pra outro video seu, que é o de animes, onde me ajudou mais, acabei tendo que fazer alguns ajustes, porém não sei se está certo. Usando o 'fetch', me retornava erro, ai acabei usando api.get + o caminho do link, voce vai quando abrir os codigos, separei em pastas front e back... segundo um outro desenvolvedor, ele me disse que eu teria que ver meu back onde chamo todos os produtos, mas nao sei se é isso, esta parte do código esta la tambem, segue o link e desde já agradeço a sua atenção: github.com/Felipithstdr/ProductFilter.git
Opa, eu implementei um exemplo de busca no codesandbox: codesandbox.io/s/throbbing-platform-zjkw2 Mas caso alguém tenha a mesma dúvida. O aconselhável é implementar em hooks sempre que possível.
import React from "react" import {View,Text} from "react-native" class App exetends default Component{ render(){ return( Hello Word ! ) } } algo assim amigo deve ter caractere digitado errado e so corrigi mais essa e a ideia
Consegui aplicar em um prjeto que tinha que filtrar um tabela, valeu. Salvou aqui
Didática direta ao ponto. Show meu caro, foi de grande ajuda pra mim que sou iniciante. Parabéns!
Amigo, estou criando um projeto para estudos com base nas atividade da empresa que trabalho, procurei em vários lugares e não encontrei a resposta, mas seu vídeo me ajudou a encontrar a resposta que estava procurando. Muito obrigado por sua disposição.
muito obrigado vinicius, eu estava preso nisso há uns 5 dias e seu vídeo me salvou
Muito bom!! Consegui implementar em um projeto com requisição ao Banco de Dados, tive que fazer pequenos ajustes, mas a base utilizada foi a do vídeo. Simples e direto ao ponto
Muito obrigado pela aula Vinícius. Estou fazendo um pequeno projeto em Next.js e TS e este vídeo me ajudou a chegar a uma solução de um filtro de buscas.
Bastante útil, agradeço por ter compartilhado o conhecimento de forma tão direta e simples !! Sucesso !
Meu amigo, muito obrigado, por me ajudar no meu projeto de pokemons, não estava sabendo fazer, seu vídeo foi muito importante. Muito obrigado!!!!
Parabéns, Vinícius.
Mostrou com uma didática muito boa.
Sou iniciante no React e foi de grande utilidade esse vídeo.
Novo inscrito.
Abraço e sucesso ao canal.
Tutorial muito bom. Me ajudou com um projeto que estava quebrando a cabeça. Parabéns mano!!
Vlw clareou mais aqui, eu tava bugando muito nessa lógica da busca, mas seu vídeo foi bem didático e me ajudou dms.
Ajudou muito. Muito obrigado. Explicou com simplicidade e conhecimento.
Consegui implementar o filtro puxando dados de uma API, muito obrigado!
O ideal e jogar isso pro backend por causa do procesamento de dados etc, porem para meu projeto pequeno que nem tem backend direito serviu kkkk god dms esse mano
Eu tinha implementado uma busca muito parecida, e as dicas para melhorar o desempenho ajudaram muito aqui, obrigado!
Obrigado pela ajuda. Explica de modo simples e claro. Parabéns
Parabéns pela excelente didática professor, me auxiliou muito!
Muito bom. Parabéns.
Eu tava mesmo com essa dúvida. Kkk... Seu vídeo acertou em cheio... muito obrigado
Valeuuu Luiz! Muito obrigado pelo feedback.
Grande abraço.
Muito bom, mano. Me ajudou muito esse tutorial, estava com um problema com filtro que a sua solução ajudou muito.
Muito obrigado, foi bem útil, tava em dúvida como fazer via hooks!
Que aula ótima, parabéns.
Direto ao ponto! Show
Didática, ótima, parabéns
Parabéns pelo vídeo, boa explicação e direto ao ponto.
Valeu, Vinicius.
Salvou aqui
Muito bom, Parabéns!
Oloco, n conhecia o canal, mt bom me inscrevi ja
ótimo vídeo, obrigado por compartilhar.
Cara, esse video me ajudou muito, vlww
Gostei muito, belo vídeo
Valeuuu Cristiano!
Valeu demais pela ajuda irmão
Salvou mano, obrigado!
@Vinicius Dacal, eu utilizei essa sua lógica dentro de um modal.
Quando eu passo o autoFocus para o input não tenho nenhum problema, mas quando eu não tenho o autoFocus, e preciso clicar no input para digitar, o modal é renderizado novamente, e o input não fica com o focus.
Tem ideia de como resolver esse problema?
muito bom cara
Preciso de um filtro por checkbox para uma API, recomendaria algum arquivo ou vídeo ?
Salvou a nação aí
Bom demais.
Vinicius Dacal, porque o useMemo melhora a performance nesse caso? Como o listener é o valor de busca e a cada letra digitada é renderizado novamente a lista, têm-se um grande número de "buscas" efetuadas a cada letra digitada no input.
Estou tendo ainda dificuldade de entender quando usar o UseCallBack e o useMemo e esse seu tutorial foi o que mais me passou algo dentro da realidade para entender na prática.
Estou tendo que lidar no estágio com múltiplos filtros para o mesmo valor de dados, que mudam, mas com frequencia nao tão grande. Estou tendo problema tanto com essa questão do filtro de palavras e a melhor forma de integrar multiplos filtros.
Sugestão para um novo vídeo, hahaha.
Parabéns pelo o conteúdo, tem me ajudado muito.
O useMemo guarda o valor de uma variável que é sempre inicializada no primeiro no lifecycle do componente, se vc tem o valor que não precisa ser de fato recriado sempre que o componente mudar vc pode usar o useMemo
Muito top
Muito obrigada
Maneiroooo
Também gostaria de um filtro desse tipo retornando os dados de uma api, no meu caso tenho um array de objetos e preciso filtrar pelo titulo para exibir apenas o objeto que possui o titulo. Mas também gostei muito do vídeo parabéns.
é so fazer arr.title ( tipo isso )
Uma dúvida, esse método é escalável? Digo, se for uma aplicação com muita informação, essa forma dá conta do recado ou o código precisa de melhor tratamento?
Boa Noite, o video é otimo, porem ele pesquisa dentro de um array, como faço para pesquisar quando tenho um array com o nome chamados e dentro dele tem diversos objetos, cada objeto com um titulo dentro?
Cara, gostaria de saber se eu consigo puxar essa "lista" de um banco de dados, pra que o usuário pudesse buscar os itens cadastrados. Se sim, tem algum vídeo? Sou leigo.
Sim mano kkk
Cria uma api básica com Node e puxa com axios e joga tudo dentro de um array, aí vc utiliza a mesma lógica do vídeo
Muito bom! Tem alguma forma de fazer o filtro por com dois valores diferentes, exemplo: pela cor da fruta ou pelo nome dela?
Da sim.vc vc teria q fazer um objeto frutas [
{"cor":"verde","nome":"limão"},
{"cor":"roxo","nome":"uva"}
]
E ai na parte de buscar ia ficar tipo assim frutas.cor.filter() || frutas.nome.filter()
Respondendo do celular mas acho q da pra entender
@@feliperibon8127 Deu certo
@@henriqueprado6522 boa Henrique, eu estou aprendendo tbm, feliz q deu certo. Eu tô pesquisando q eu tô precisando fazer um search e quero dar um TAB ou clicar no item e listar ele na tela ja
Gostei do video, só que na hora de implementar na minha API, ele da erro na função startsWith e includes, poderia me ajudar?
Fala Felipi, tudo bem?
Qual erro você está recebendo?
Consegue colocar seu código no codesandbox ou no github? Aí fica mais fácil de ajudar.
Grande abraço.
@@viniciusdacal Vou por e já te mando, o link do git
Criei no git, la tem uma imagem de como fica quando eu pesquiso, no caso estou pesquisando da minha API, uso mysql, e nodeJS para o back. Quando pesquiso qualquer palavra ele mostra todos os produtos do banco, eu tentei fazer do seu video, porém eu acabei indo pra outro video seu, que é o de animes, onde me ajudou mais, acabei tendo que fazer alguns ajustes, porém não sei se está certo. Usando o 'fetch', me retornava erro, ai acabei usando api.get + o caminho do link, voce vai quando abrir os codigos, separei em pastas front e back... segundo um outro desenvolvedor, ele me disse que eu teria que ver meu back onde chamo todos os produtos, mas nao sei se é isso, esta parte do código esta la tambem, segue o link e desde já agradeço a sua atenção: github.com/Felipithstdr/ProductFilter.git
opa amigo blz ? no funciona react-native ? aqui da dando ruim
Conseguiu fazer funcionar?
@@viniciusdacal nao amigo quando altero o oncheText vem unifed
Muito massa! Só não entendi o useMemo
Olá como fazer em componentes Class no react.js (obs sou iniciante no react)
esquece class , hoje em dia a galera so ta usando compenentes funcionais...
Opa, eu implementei um exemplo de busca no codesandbox: codesandbox.io/s/throbbing-platform-zjkw2
Mas caso alguém tenha a mesma dúvida. O aconselhável é implementar em hooks sempre que possível.
import React from "react"
import {View,Text} from "react-native"
class App exetends default Component{
render(){
return(
Hello Word !
)
}
}
algo assim amigo deve ter caractere digitado errado e so corrigi mais essa e a ideia
@@josaphcascae5467 concordo e ate mais simple pra usar Hooks kkkk
faltou o Text dentro da View kkk
eu só não entendi essa função aqui startsWith?
Também estou pesquisando pq no meu nao deu certo
muito bom, só faltou o link no github
Vc vende cursos?