Writing JavaScript without a build system

• htmx

  568 33,023 9.6 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

• unpkg

  42 2,881 0.0 JavaScript

  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.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• lit

  143 17,616 9.4 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

• es-module-shims

  13 1,488 6.5 JavaScript

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

• fast

  38 9,046 7.4 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/

• dlite

  1 46 3.9 JavaScript

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

• intercooler-js

  12 4,727 0.0 HTML

  Making AJAX as easy as anchor tags

  

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• idiomorph

  14 590 7.6 JavaScript

  A DOM-merging algorithm

  

• buildless-vuejs

  1 10 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 ;).

• tachyons

  41 11,592 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/

• create-react-app-zero

  7 26 0.0 JavaScript

  All of Create React App, none of the dependencies

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

• widgets

  1 197 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