Criando carrossel / slider com React JS passo a passo 👌 

Perfeito! Você deveria fazer um projeto completo. Sua didática é incrível.

Cara muito massa bora ver.

Projeto incrivel!! Sucesso para você! Tmj!!.🙌🏼❤️

Muito bom, estava precisando desse vídeo para um projeto pessoal.

Foda! Parabéns mano, vídeo muito bem feito.

meus parabens cara,de verdade,voce e incrivel,otimo trabalho

Você é um deus cara. Que aula excelente!!!

Consegui incorporar esses slides num projeto que já estava em andamento. Ficou show! Obg ❤️

Salvou muito cara, recomendo muito teu curso, fiz vários, recomendo TODOS

Cara muito obrigado, isso era exatamente o que eu precisava!

Você passa conteúdos muito validos de maneira clara, me ajudou muito!!

Mano, muito bom! Explicou muito bem e direto ao ponto! Perfeito!

Muito obrigado, acabei de utilizar no projeto em que estou desenvolvendo.

Cara, você é sensacional. É tanto conteúdo que eu queria abraçar, mas nem sei quais escolher para meus projetos haha

Me ajudou demais! Obrigado!

Boa aula.

Show de bola

Cara, passando para deixar meu muito obrigado. Vou fazer algumas adaptações para user isso com typescript e tailwind, mas de forma geral você esclareceu muito e já tenho uma ideia de como fazer meu carrossel. Vou também dar uma estudada na documentação do framer-motion que parece bem bacana. Like garantido.

Tive que adaptar umas coisas, mas ficou muito bom. Obrigado meu amigo, sempre com um ótimo conteúdo.

Prometeu um carrossel e entregou TUDO!

Muito bom

Porra mano, muito foda velho. Eu quebrando a cabeça atrás de um slider aqui e a achei teu vídeo. Vou salvar por que certamente vou usar mais vezes. Deus te pague em dólar.

caso as últimas imgs de vocês parem de arrastar antes de acabar, tentem aumentar o tamanho do inner com mais px, pra mim funcionou. 😎 tbm tive que dar uma ajeitada no useEffect: useEffect(() => { if (proje.current) { const scrollWidth = proje.current?.scrollWidth; const offsetWidth = proje.current?.offsetWidth; setWidth(scrollWidth + 240 - offsetWidth) } }, [width])

Top de mais like like like. e um inscrito novo

Muito bom👏🏼👏🏼

Toop

Vídeo foda, faz um sobre useRef pfv

showww

Excelente guia! Existe uma maneira de reprodução automática ou loop?

Valeu mestre, muito obrigada por compartilha seus conhecimentos conosco.

Parabéns pelo conteúdo e didática. Qual o nome do app que você usou para pegar o tamanho do .App ? Obrigado pelo conteúdo disponibilizado.

Daora 😂😂 e se eu quisesse que as imagens fossem um botao tipo navbar?

Nss que facil!!

O BRABNO PORRA

teria como acrescentar o botão de next e prev nesse exemplo ? como faço

Se você veio até os comentários pois o seu useEffect estava funcionando antes de o useRef estiver conseguindo obter a referência (que nem eu, sei la o porquê, talvez eu estivesse referenciando uma linha que carregasse depois da solicitação do bd, então acho que não sincronizava bem), você pode só colocar a mesma variável que você está referenciando ali nas chaves "[]" do useEffect, assim a Hook só será ativada quando o seu parâmetro de comprimento mudar (que é quando você arrasta as imagens) delimitando certinho sem bugs!

Projeto bakna👍 ⭐⭐⭐⭐⭐⭐ Mas sera se tem como você criar uma Home Page com o StencilJs.????

Me tira um dúvida sobre React: Se eu tenho componentes como header, main e footer renderizados por react no html em uma nao ficaria estranho esses elementos dentro de uma div e mais semantico se permitido mudar o id="root" para o body?

Muito interessante, mas e a questão do "alt" ? para acessibilidade isso é muito importante.

Obgd pelo vídeo!! Alguém pode me ajudar? No meu o scrollWidth está ficando igual ao offsetWidth toda vez que a página recarrega, alguém tem alguma ideia do pode estar causando isso?

Ótimo vídeo ajudou muito, mas tiver que mudar algumas coisas pra funcionar aqui, ta ai em baixo so comparar kkkkkkkkkkk {images.map(image => ( ))} texto ); }

Boa tarde, reparei que o inner mantem a largura original exibida, então quando arrasta pro lado, a area "arrastavel" vai junto e as ultimas imagens perdem a função de arrastar, como poderia arrumar isso?

Fala irmão beleza, quando dei f5 simplesemente nao funcionou mais

Só o meu Grabbing nao está a funcionar??

Poxa, segui o passo a passo e as imagens que botei não aparecem...

no meu caso, propriedade 'scrollWidth' nao existe do tipo 'never', pode me ajudar nisso ?

Para quem está pensando em comprar o curso gravei esse vídeo Mostrando os Módulos do Curso Fábrica de Aplicativos ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-nFiHsPKRXLM.html

Muito bom