React DND Kit: Creating Vertical Sortable Lists Tutorial

  Рет қаралды 6,173

Cand Dev

Cand Dev

Күн бұрын

Discover how to make sortable lists in React using DND Kit. This easy-to-follow guide walks you through every step. Great for beginners and pros!
👨‍💻Code:
[github]: github.com/can...
🔗Source:
[dnd kit docs]: docs.dndkit.co...
[vite]: vitejs.dev/guide
[tailwind css]: tailwindcss.co...
#programming

Пікірлер: 14
@FlatcapJ8080
@FlatcapJ8080 5 ай бұрын
Great simple example of how to make use of dnd-kit! You covered the main components and gave us a great way to get started. Thank you!
@proenglishschool3120
@proenglishschool3120 Ай бұрын
Awesome how to without any unnecessary content. Great job! Maybe you can show how to do both horizontal drag from list to list as well as sortable.
@adenugaadesanya8892
@adenugaadesanya8892 2 ай бұрын
Thank you for this beautiful tutorial. This just saved my life 🎉
@CandDev
@CandDev 2 ай бұрын
You’re welcome bro
@ahmadazizs
@ahmadazizs 5 ай бұрын
Semangat bang gue selalu ikutin konten mu thanks ya insya allah ilmunya berkah
@imaxi93
@imaxi93 4 ай бұрын
10:58 - dnd kit implemenation Nice video, was very helpful!
@jsbr
@jsbr Ай бұрын
Nice
@xyovo999
@xyovo999 4 ай бұрын
感谢你的分享~😀
@GabeWentz
@GabeWentz 2 ай бұрын
ty for this video
@rafaelfeldfix114
@rafaelfeldfix114 5 ай бұрын
Thank you
@aguud
@aguud 4 ай бұрын
bikin mini project next js yang bisa dipamerin ke portfolio bang
@CandDev
@CandDev 4 ай бұрын
oke, next ya.
@김무성-q7d
@김무성-q7d 2 ай бұрын
I am a Korean who was looking for information about dnd kit. I can't speak English, but I think I got a feel for it by watching the code. I enjoyed the video.
@CandDev
@CandDev Ай бұрын
Happy to hear that!
How to build a Recursive React Component
21:16
Sam Selikoff
Рет қаралды 49 М.
Офицер, я всё объясню
01:00
История одного вокалиста
Рет қаралды 2,8 МЛН
A New Drag And Drop Library For EVERY Framework
16:02
Theo - t3․gg
Рет қаралды 135 М.
🔥 Bento Grid Layouts with Tailwind CSS | Easy 🤯
11:13
Sashank GL
Рет қаралды 10 М.
This React Drag and Drop Component Is Magic
9:56
developedbyed
Рет қаралды 92 М.
Don't Use Websockets (Until You Try This…)
6:46
Code With Ryan
Рет қаралды 304 М.
OpenAI’s New ChatGPT: 7 Incredible Capabilities!
6:27
Two Minute Papers
Рет қаралды 186 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 661 М.
Next.js 14 - SEO & Metadata Tutorial (Complete Guide)
39:40
Codewalk Empire
Рет қаралды 12 М.
React Query Is (Still) Essential - My Favorite React Library
11:04
Theo - t3․gg
Рет қаралды 152 М.