Demo of Drag and Drop used with Flexbox ordering
As drag events are fired, this Vue app dynamically updates a list of integers, which is used to assign a style="order: n" attribute to set the flexbox item order, making the list reorder dynamically as items are dragged.
See complete demo.
These examples were used for a short talk I gave at Hack Lafayette in Aug 2018. Google Doc Slides here