Criando lista Drag and Drop com React JS 🧨

  Рет қаралды 5,072

Sujeito programador

Sujeito programador

8 ай бұрын

Nesse vídeo vamos aprender desde o zero como criar uma lista + animações Drag and Drop com React JS e TypeScript.
👉 Repositório inicial do projeto:
github.com/dev...
🏆 Se você quer levar a sua carreira ao próximo nível, criar sistemas web, sites do zero a projetos profissionais e sair pronto para o mercado:
✅ Lembrando as vagas são LIMITADAS:
bit.ly/Fullsta...
👉 Curso completo UI e UX - Figma:
sujeitoprogram...
👉 Aprenda desenvolver aplicativos completos:
sujeitoprogram...
★ SEJA MEMBRO e tenha acesso a videos exclusivos e antecipados no canal:
/ @sujeitoprogramador
-------------------------------------
👉 GRUPO Exclusivo no Telegram:
t.me/sujeitopr...
👉 Veja outros vídeos:
★ Criando API completa com NODEJS + TypeScript e MongoDB:
• Criando API completa c...
★ Criando animações profissionais com React JS e GSAP do zero 🚀:
• Criando animações prof...
★ Criando landing page completa do ZERO:
• Criando landing page c...
#reactjs #typescript #frontend

Пікірлер: 21
@ivambergsilva591
@ivambergsilva591 8 ай бұрын
Uma aula dessa gratuita é OURO! Matheus, você é fodaaaa!
@dih-dev
@dih-dev 8 ай бұрын
Que baita conteúdo! 🚀 Obrigado por compartilhar esse conhecimento conosco. ❤
@anselmonascimento3324
@anselmonascimento3324 8 ай бұрын
Aula top parabéns por todo ensinamento!!!
@_bruno.benicio
@_bruno.benicio 8 ай бұрын
Se garante muuuito.
@znkdev
@znkdev 8 ай бұрын
agora vou querer fazer a funcionalidade de arrastar pra lixeira pra deletar a tarefa =]
@robsongomes7720
@robsongomes7720 3 ай бұрын
Top demais mano, parabéns!!
@gabrel44
@gabrel44 8 ай бұрын
Poderia fazer isso no react Native? Não consigo achar conteúdo Br que ensine isso. Eu sei que vc tem um vídeo sobre esse tema, porém queria algo que desse para arrastar para horizontal
@hamiceis
@hamiceis 8 ай бұрын
Muito bom 👏👏
@mayconrocha8723
@mayconrocha8723 8 ай бұрын
Top demais.
@markus_dev_cwb
@markus_dev_cwb 8 ай бұрын
Top d+!
@brennocorreia1824
@brennocorreia1824 2 ай бұрын
Matheus, fiz uma lista dinânica igual ao seu só que horizontal, da esquerda pra direita a transição é suave e boa, só que da direita pra esquerda a transição é brusca e "feia". Sabe me dizer o que pode ser esse problema?
@maffeimusicc
@maffeimusicc 5 ай бұрын
e se tivesse mais de 1 column consigo arrastar para o outro estilo kanban com essa ferramenta???
@MarcosVinicius-be5tm
@MarcosVinicius-be5tm 2 ай бұрын
Qual a fonte que você usa, meu amigo?
@matheus-marques
@matheus-marques 6 ай бұрын
Mano, queria muito um help seu, de verdade. estou usando exatamente estes métodos, porém todo drag o state atualiza, e não aplica as alterações. Nem com spread ou deep clone o objeto cópia está perdendo a referência, então to ficando meio doido já.
@igormeireles39
@igormeireles39 8 ай бұрын
A API nativa do html5 parece ser mais fácil de criar essa funcionalidade do que com essa lib
@znkdev
@znkdev 8 ай бұрын
qual software pra deixar a camera na tela? nao me parece o OBS, pq o mouse da tela vai direto na camera e move ela... gostei!
@Dududev27
@Dududev27 2 ай бұрын
Acho que é OBS mesmo, ja vi outros canais falando sobre
@MarcosVinicius-be5tm
@MarcosVinicius-be5tm 2 ай бұрын
Qual o tema que você usa, meu amigo?
@Sujeitoprogramador
@Sujeitoprogramador 2 ай бұрын
Uso o Dracula
@MarcosVinicius-be5tm
@MarcosVinicius-be5tm 2 ай бұрын
@@Sujeitoprogramador E a fonte?
@Sujeitoprogramador
@Sujeitoprogramador 2 ай бұрын
@@MarcosVinicius-be5tm padrão do wind 11
Aprenda useReducer de uma vez por todas com React JS🔥
32:30
Sujeito programador
Рет қаралды 6 М.
Master React JS in easy way
12:18
Nova Designs
Рет қаралды 51 М.
小宇宙竟然尿裤子!#小丑#家庭#搞笑
00:26
家庭搞笑日记
Рет қаралды 32 МЛН
Can A Seed Grow In Your Nose? 🤔
00:33
Zack D. Films
Рет қаралды 32 МЛН
React Query - Complete Tutorial
18:57
Cosden Solutions
Рет қаралды 116 М.
React Drag and Drop List Sort Tutorial
9:54
Darwin Tech
Рет қаралды 18 М.
Multiple List Drag and Drop in React [Easiest Way]
22:03
Code Bless You
Рет қаралды 13 М.
I built the same app 10 times // Which JS Framework is best?
21:58
Fireship
Рет қаралды 2,5 МЛН
The Clever Way to Count Tanks - Numberphile
16:45
Numberphile
Рет қаралды 914 М.
This React Drag and Drop Component Is Magic
9:56
developedbyed
Рет қаралды 85 М.
All 17 React Best Practices (IMPORTANT!)
1:46:11
ByteGrad
Рет қаралды 90 М.
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 646 М.
I forced EVERYONE to use Linux
22:59
NetworkChuck
Рет қаралды 345 М.
The Easy Way to Design Top Tier Websites
11:54
Sajid
Рет қаралды 294 М.