Vanilla JavaScript Code Organization Projects Recommendation?

Question

Hello!In 2011 I've used to write JavaScript on a single file. Then I stopped using JavaScript (I happen to like it). but my career has been mostly with Java.Fast Forward 2023. Do you fellows have some projects that are good examples of how code is organized for JavaScript applications (Client Side) without using any Framework? I am aware of the new additions JavaScript has added in the last years, my question is more related to good examples of Software Engineering using Vanilla JavaScript.Thanks!

GianFabien · Accepted Answer

I suggest you familiarize yourself with ES5/6 changes. For me classes and modules makes JS more like class-based language. During development on local cluster I prefer to have one file/module per class. For me the biggest gotcha has been the increased use of promises, async/await in the numerous Web APIs.

meiraleal · Answer

Tiddlywiki is one HTML file and a great project https://tiddlywiki.com/

wryoak · Answer

I don&rsquo;t recall the project&rsquo;s name anymore but they organized it in some way I don&rsquo;t recall either, often a single function per file, and then compiled all the JS files with a bash script by just appending. I thought it was neat &mdash; has its obvious weaknesses but it had the strength that the organization scheme could be changed anytime without having to update import paths or anything, quick compilation and not too hard to eventually (I assume) migrate to ES modules.