No-Build, Minimal-Dependency Webapps with Preact

The NPM package security incident this week may have you wondering, is there any way to escape installing thousands of mysterious packages? Do we have to go back to manipulating the DOM by hand?
Well, no! Let's try creating a zero-build-step, zero-transitive dependency frontend app using Preact and related libraries. We won't need any build process, but we'll have components, a state store, and .render functions that look a lot like JSX. You'll be amazed how much it feels like React!

[@moraryou]

i like the whole demo, preact is cool, thank you for the presentation!

[@NimTheHuman]

Thanks so much for this tutorial! Very informative.

[@mildercastillo2]

Great tutorial! Bravo!

[@lagiator]

really nice, thanks

[@henrikrinne3639]

This tutorial really helped me. i love that you use firefox!

[@chriswthomsonshetland]

Great vid thanks

[@kartiksagar007]

I like the whole demo too. But add a new video with updated stuffs since it is 2020 now. :) Thanks

[@yatsuk]

Is it possible to do the same with VueJS ?

[@fytubevw]

How about checking (hash?) integrity of the CDN script, when loading Preact? Would it make sense? So I'm mostly thinking about validating the single point of failure that Preact might pose. Great tut! Thanks!

[@nickdhrones6425]

Nothing worse than watching some type.... just cut and paste! we're only curious about the outcome. Gave up at