vanilla-todo
Dragula
vanilla-todo | Dragula | |
---|---|---|
4 | 8 | |
1,123 | 21,761 | |
- | - | |
8.4 | 0.0 | |
3 months ago | over 1 year ago | |
JavaScript | JavaScript | |
ISC License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vanilla-todo
-
What We Need Instead of "Web Components"
Thanks for this, gives my intuition some words to back it up!
I find especially compelling how the author separates concrete problems like reconciliation (hard to argue against) from the abstract principle of "everything should be a component" (can be argued more easily IMO).
Shamelessly plugging https://github.com/morris/vanilla-todo here; in this try-hard-to-stay-vanilla case study there are similar conclusions: Reconciliation is hard, CSS global namespace is problematic, etc. - I also did not use web components, but could not explain/justify that decision well (until now!).
- Vanilla-todo: A case study on viable techniques for vanilla web development
- GitHub - morris/vanilla-todo: A case study on viable techniques for vanilla web development.
-
Show HN: 7GUIs in Vanilla HTML, CSS, JavaScript
A few years back I stumbled into something a bit more complex, still done in pure js, just for the hell of it: https://github.com/morris/vanilla-todo
And then wrote my own version, with code a lot closer to modern react, with undo/redo and other niceties - https://github.com/ivank/vanilla-teuxdeux
And what I leaned is that is astonishingly easy to write code that would be understandable to people coming from the redux crowd. Maybe that’s because redux is just such a simple concept in and off itself - a glorified switch on a big object. And it’s also quite easy to hack a simple version of vdom to make it all work.
What’s missing from all those vanilla js efforts though turned out to be testability. There is a ton of code in the modern js world just to allow you to mock/test your components, and thats for me the real tragedy of vanilla js.
I have no idea why W3C crowd have not invested into standardizing js tests in all these years…
Dragula
-
Made a free website for practicing what's taught in Tobira: Gateway to Advanced Japanese
Yup, I wrote the majority of the site's functionality using vanilla JS. I did use dragula for the drag and drop and easytimer for the timing though.
-
Drag and drop in the React.js
dragula
-
Best way to update element position (drag & drop)
You can take a look at how others like dragular implemented the drag & drop function .. https://github.com/bevacqua/dragula
-
Show HN: Drovp – Convenient UI for any drag and drop operations
I used Dragula[^1] for a form builder in the past and had quit a pleasent experience. Though I don't know how it would hold with a drag centric (card game) UI
[1]: https://bevacqua.github.io/dragula/
-
How to fix the ReferenceError: global is not defined error in SvelteKit/Vite
https://github.com/vitejs/vite/issues/2778 https://github.com/vitejs/vite/issues/728 https://github.com/bevacqua/dragula/issues/602 https://kit.svelte.dev/faq#aliases
-
Best options for Drag and Drop
https://bevacqua.github.io/dragula/ is dependency-free. It is what I'd consider.
- What's the state of "drag and drop" UI development?
-
Drag and Drop that works on desktop and mobile?
Dragula is always my go-to drag and drop library. It has mobile support as well.
What are some alternatives?
7guis-React-TypeScript-MobX - Implementation of 7GUIs with React, TypeScript and MobX
hammer.js - A javascript library for multi-touch gestures :// You can touch this
vanilla-teuxdeux - A case study to implement modern js app with vanilla web technologies
nanogallery2 - a modern photo / video gallery and lightbox [JS library]
mvc_for_the_web - Example programs explaining the techniques of Model-View-Controller implemented as web applications.
sortablejs - Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
petite-vue - 6kb subset of Vue optimized for progressive enhancement
Vue.Draggable - Vue drag-and-drop component based on Sortable.js
SlickGrid - A lightning fast JavaScript grid/spreadsheet
HumanInput - A JavaScript library for handling keyboard shortcuts and other human-generated events
7guis-html-css-js
touchemulator - Emulate touch input on your desktop