Top 15 JavaScript Vanilla Projects
-
Project mention: Best way to update element position (drag & drop) | reddit.com/r/reactjs | 2022-01-26
You can take a look at how others like dragular implemented the drag & drop function .. https://github.com/bevacqua/dragula
-
Project mention: Can't get Django to work with FilePond for some reason | reddit.com/r/django | 2022-02-22
I've had this problem for a while. I'm using filepond on the frontend for uploading files, and I've followed their setup documentation, but I cannot for the life of me get it to work. I'm using django-drf-filepond as the backend for my FilePond uploads, but I keep getting `Bad Request: /uploads/process/` errors. My FilePond configuration is
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Project mention: Discovered a 63kb tiddlywiki like self saving HTML+JS wiki and its looking cool | news.ycombinator.com | 2022-05-22
I'm currently working on a way to extend the code by revealing the underlying [Choo](https://choo.io) framework to enable easier hacking! Search is one feature that theoretically won't be too hard to add, but I excluded it from the core because it would have made it too big.
Note: I have no solid reference point for what "too big" actually means for this project—my only guideline so far has been "as small as possible"
-
Rome is much more than a linter, it is a combination of several tools under one library, and therefore, Rome provides way more functionalities and features than ESLint. Rome is still in development, although the parsing and code formatting features have been released and are available through npm. In summary, its aims are lofty, and with time it could be a significant disruptor to tooling in the JavaScript ecosystem.
-
Then, there's goober, a minimalistic framework-agnostic css-in-js component library. You'll probably find more examples of modern yet frugal tools and libraries.
-
Project mention: Show HN: 7GUIs in Vanilla HTML, CSS, JavaScript | news.ycombinator.com | 2021-09-20
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…
-
GDLauncher
GDLauncher is a simple, yet powerful Minecraft custom launcher with a strong focus on the user experience
Project mention: What mods would I need to use to replicate the lunar client experience but with fabric? | reddit.com/r/Minecraft | 2022-05-17If you want a mod launcher to launch with all these mods, I'd recommend GDLauncher or PolyMC. If you are using the vanilla launcher, Mod Manager is great.
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
Project mention: How to create a Kanban (Trello style) view of your ModelAdmin data in Wagtail | dev.to | 2021-08-06
# views.py from wagtail.contrib.modeladmin.views import IndexView class KanbanView(IndexView): def get_kanban_data(self, context): return [ { "id": "column-id-%s" % index, "item": [ {"id": "item-id-%s" % obj["pk"], "title": obj["title"],} for index, obj in enumerate( [ {"pk": index + 1, "title": "%s Item 1" % column}, {"pk": index + 2, "title": "%s Item 2" % column}, {"pk": index + 3, "title": "%s Item 3" % column}, ] ) ], "title": column, } for index, column in enumerate(["column a", "column b", "column c"]) ] def get_context_data(self, **kwargs): context = super().get_context_data(**kwargs) # replace object_list in context as we do not want it to be paginated context["object_list"] = self.queryset # see: https://github.com/riktar/jkanban#var-kanban--new-jkanbanoptions context["kanban_options"] = { "addItemButton": False, "boards": self.get_kanban_data(context), "dragBoards": False, "dragItems": False, } return context
-
Project mention: Command block programming language idea? | reddit.com/r/MinecraftCommands | 2022-02-01
But other than that, you might be interested in the fact that there are multiple such command compilers out there already. Some more advanced than others, but you might be interested in them: Smelt, CPM, commandstudio, etc. Also, I see you're still thinking with commandblocks. May I interest you in datapacks? They are a lot more advanced, performant and streamlined than commandblocks, and there are compilers for that, too! Like mcpy, mcscript, emcl and many more!
-
Project mention: Show HN: Tobii – An accessible, open-source lightbox with no dependencies | news.ycombinator.com | 2021-07-02
-
-
eMarket
eMarket Online Store. It is a free online store engine. Make the best online shop with us. Join our Open Source community. Together we will make the best free e-commerce solution.
Project mention: Open Source eMarket Online Store v1.0 beta 3 | reddit.com/r/programming | 2021-10-25 -
EasyScrollDots
Single page scroll JavaScript plugin that allows for vertical navigation of page sections
-
-
Project mention: Throwable Teleporter for Minecraft - Switch between two locations at will | reddit.com/r/MinecraftCommands | 2021-11-06
This is an example data pack included with Minity, a scripting language for Vanilla Minecraft. Here's the source code of the example.
JavaScript Vanilla related posts
- Command block programming language idea?
- Best way to update element position (drag & drop)
- What's something you do a lot in datapacks that you wish was easier?
- How can i make bootable usb mac os in the easy way.
- Best options for Drag and Drop
- Show HN: 7GUIs in Vanilla HTML, CSS, JavaScript
- How to create a Kanban (Trello style) view of your ModelAdmin data in Wagtail
Index
What are some of the best open-source Vanilla projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Dragula | 21,177 |
| 2 | filepond | 12,471 |
| 3 | Choo | 6,671 |
| 4 | rome | 2,908 |
| 5 | goober | 2,531 |
| 6 | vanilla-todo | 981 |
| 7 | GDLauncher | 852 |
| 8 | jkanban | 836 |
| 9 | mcscript | 165 |
| 10 | tobii | 131 |
| 11 | sparticles | 124 |
| 12 | eMarket | 52 |
| 13 | EasyScrollDots | 36 |
| 14 | create-html-boilerplate | 29 |
| 15 | minity | 10 |
Are you hiring? Post a new remote job listing for free.
