I wrote a blog post about doing things in vanilla JavaScript. I'm really not a fan of frameworks, and since I'm currently working on a website redesign, I thought I'd write my thoughts here.

https://francisrubio.antaresph.dev/writing/building-websites-with-vanilla/

Building Websites with Vanilla

No, vanilla is not a framework.

Before anyone misconstrues this blog post, I am not saying that frameworks are bad. I'm just saying that what these frameworks are doing is doable by hand to some extent, and that I like doing that because that's just me.

Also, this post is from someone who hasn't touched ReactJS or Vue in, like, ever, so take it with a spoon of salt at least.

Also, this post by Noam Rosenthal is a very helpful one. I clung to this post since I first read it. I've built many websites just by using this article.

https://www.smashingmagazine.com/2022/02/web-frameworks-guide-part2/

What Web Frameworks Solve: The Vanilla Alternative (Part 2) — Smashing Magazine

In this second part, Noam suggests a few patterns of how to use the web platform directly as an alternative to some of the solutions that are offered by frameworks.

Smashing Magazine

@teacherbuknoy thanks for sharing this! I loved reading your post.

Have you seen my followup article?

https://calendar.perfplanet.com/2022/an-html-first-mental-model/

An HTML-first Mental Model

... while building a fast movies app Overview The Movies App The TasteJS movies app is a showcase for different frameworks. I was excited about it because it gave me an opportunity to test some hypothesis, and see if it holds in the context of an app that's a bit less trivial than TodoMVC.

Web Performance Calendar
@noam thank you! No I haven't, thanks also for linking that here 😄
@teacherbuknoy I've recently done a few vanilla projects and I definitely agree, it's nice to just quickly throw something together without hassle. Also, I'm embarrassed to say I've never seen an output tag before, so it just goes to show HTML 5 can do a lot more than we give it credit for
@mostlyfocusedmike don't stress it, I can say that output is one of the more obscure ones in HTML. I've also known about this for a while, but I didn't know it was aria-live by default until I read that post by Noam.

@teacherbuknoy I'm playing around with it now, though I can't get the output.message to work. I have a simplifies replit, am I missing something? https://replit.com/@MostlyFocused/outputpractice#index.html

I can do output.value though

outputpractice

Run HTML, CSS, JS code live in your browser. Write and run code in 50+ languages online with Replit, a powerful IDE, compiler, & interpreter.

replit
@mostlyfocusedmike oops my mistake. It's supposed to be output.value, like the one for input. 😅