Writing JavaScript without a build system

1. htmx

   1 656 45,796 9.4 JavaScript

   </> htmx - high power tools for HTML

   

   > I’d love more tips for no-build-system javascript

   1. MDN has a comprehensive guide on JavaScript modules [0]

   2. A build system free way to build interactive websites could be to combine libraries like htmx[1] and or lit[2] or just the sub package lit-html[3]. Or just go with native web components and a bit of AJAX.

   [0] https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guid...

   [1] https://github.com/bigskysoftware/htmx

   [2] https://github.com/lit/lit

   [3] https://github.com/lit/lit/tree/main/packages/lit-html

2. InfluxDB

   www.influxdata.com featured

   InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

   

3. unpkg

   2 63 3,303 9.3 TypeScript

   The CDN for everything on npm

   

   Great she mentioned https://unpkg.com/ which is a great place to start.

   Import maps are also worth exploring. Documentation isn't great but I've managed to ditch npm on some side projects and use import maps and CDNs instead. Worth it for small projects without a doubt.

4. lit

   3 182 20,127 8.3 TypeScript

   Lit is a simple library for building fast, lightweight web components.

   

   > I’d love more tips for no-build-system javascript

   1. MDN has a comprehensive guide on JavaScript modules [0]

   2. A build system free way to build interactive websites could be to combine libraries like htmx[1] and or lit[2] or just the sub package lit-html[3]. Or just go with native web components and a bit of AJAX.

   [0] https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guid...

   [1] https://github.com/bigskysoftware/htmx

   [2] https://github.com/lit/lit

   [3] https://github.com/lit/lit/tree/main/packages/lit-html

5. es-module-shims

   4 14 1,680 8.8 JavaScript

   Shims for new ES modules features on top of the basic modules support in browsers

   

6. fast

   5 40 9,514 8.9 TypeScript

   The adaptive interface system for modern web experiences.

   

   I just want to point out there is a great alternative from Microsoft called `fast-design`[0] which provides a more fleshed out experience than Lit does, in terms of out of the box components.

   It does have lower level packages if you don't want ready made components too

   [0]: https://www.fast.design/

7. dlite

   6 1 59 2.8 JavaScript

   A tiny, blazing fast view library that creates reactive Web Components (by adamghill)

   

8. intercooler-js

   7 14 4,789 4.7 HTML

   Making AJAX as easy as anchor tags

   

9. Sevalla

   sevalla.com featured

   Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!

   

10. idiomorph

    8 16 917 9.1 HTML

    A DOM-merging algorithm

    

11. buildless-vuejs

    9 1 12 10.0 JavaScript

    

    I resonate with this topic. Checking your own repos on a new computer is one thing… inheriting someone else’s project and running it on your machine in the node ecosystem is very rough.

    Anyways, I made a slightly more advanced buildless vue project here: https://github.com/kyleparisi/buildless-vuejs

    It has the advantage of using .vue files which I enjoy. Oh and guess what… it has code splitting because you have to define what components the page needs ;).

12. tachyons

    10 43 11,672 7.6 CSS

    Functional css for humans

    

    Tachyons is a similar utility class framework, and a lot smaller at somewhere under 20kb, IIRC.

    https://tachyons.io/

13. create-react-app-zero

    11 7 36 0.0 JavaScript

    A very lightweight React starter kit for developing without build tools

    

    https://github.com/jsebrech/create-react-app-zero

14. widgets

    12 1 211 0.0 JavaScript

    JavaScript widgets, including the Pin It button. (by pinterest)

    

    No build system was ever used in the making of Pinterest's widgets:

    https://github.com/pinterest/widgets

Suggest a related project