Drag&drop dashboard in JavaScript (Gridstack.js)
Ғылым және технология
Today we look at Gridstack.js, a wonderful library for creating interactive drag & drop dashboards quickly.
Check out Gridstack: github.com/gridstack/gridstac...
Join the Discord: / discord
Icons by Freepik - Flaticon
Constellations by Purrple Cat | purrplecat.com/
Music promoted by www.chosic.com/free-music/all/
Creative Commons CC BY-SA 3.0
creativecommons.org/licenses/...
Timestamps:
00:00 - Intro
00:50 - Installation
01:50 - Basic usage
02:38 - Floating layout
03:10 - DOM items
04:18 - Change row/column size
06:38 - Drag handles
07:13 - Nested grids / subgrids
08:17 - Toolbar with infinite items
09:30 - Events
10:03 - Responsiveness breakpoints
10:58 - Using React
13:25 - Using Svelte
15:00 - Outro
Пікірлер: 12
Your real world real todo app playlist is super helpful i am learning svelte your videos are very good please keep uploading good stuff.
@practicalcoder
14 күн бұрын
Thank you so much!
I'd really like to thank you for this great explanation.
@practicalcoder
4 күн бұрын
Thank you for your support! 😄
Nice!!!!!
@practicalcoder
24 күн бұрын
Thanks!
can I use this with react.js
@practicalcoder
13 күн бұрын
Yes you can! Look at time 10:58 for an example of that.
@sourabhsingh5941
11 күн бұрын
@@practicalcoder Thanks
bro post the github
@practicalcoder
17 күн бұрын
Anything specific you want to see? I covered a lot of topics in the video.
@koachbryan
15 күн бұрын
@@practicalcoder the github of the project. people who code don't want to sift through a video to find code snippets they want / need. posting the github so people can look through the code would be really helpful