# Building with Stencil: Drag-and-Drop Components **URL:** \ **Category:** Stencil\ **Created:** [February 24, 2022, 3:17pm UTC](https://forum.ionicframework.com/t/building-with-stencil-drag-and-drop-components/220843 "2022-02-24T15:17:57Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![agiuliano](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/agiuliano/32/139321_2.png) [@agiuliano](https://forum.ionicframework.com/u/agiuliano)\ **Post date:** [February 24, 2022, 3:17pm UTC](https://forum.ionicframework.com/t/building-with-stencil-drag-and-drop-components/220843/1 "2022-02-24T15:17:57Z")
Originally published at: [Building with Stencil: Drag-and-Drop Components - Ionic Blog](https://ionicframework.com/blog/building-with-stencil-drag-and-drop-components/) Drag-and-drop functionality is growing more and more popular on the web, and with good reason. Drag-and-drop features are both intuitive and provide a really enjoyable user experience. In this tutorial, we’re going to take a look at how you can build your very own drag-and-drop components using Stencil. For this tutorial, we’re going to be… ---
**Author:** ![Kozianka](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/kozianka/32/141036_2.png) [@Kozianka](https://forum.ionicframework.com/u/Kozianka)\ **Post date:** [March 14, 2022, 6:35am UTC](https://forum.ionicframework.com/t/building-with-stencil-drag-and-drop-components/220843/2 "2022-03-14T06:35:54Z")
I would like to use the sortablejs to sort a list. These list objects are also part of the state of my web component. If I update the state after the drag and drop operation, the rerendering gets messed up. I can prevent this by using shouldUpdate() but the i cannot use the “DataBinding” mechanism. Is there a way to keep the “DataBinding” and the DOM changes of the library in sync?