Why Developers Are Ditching Frameworks for Vanilla JavaScript Frontend developers are returning to Vanilla JavaScript. Here's how native APIs and AI tools are making plain JS the cure for framework fatigue.

Czasem warto wrócić do korzeni. Takim ruchem może być świadoma rezygnacja z frameworków frontendowych i powrót do czystego #JavaScript (tzw. #VanillaJS). Jakie są tego zalety - o tym opowiada ten artykuł (i mimo wszystko mało jest o wadach).

#programowanie #WebDev

thenewstack.io/why-develope...

C'est avec la multiplication des attaques sur les chaînes d'appro que vous devriez valoriser les devs d'expérience qui marchent avec le minimum de dépendances, dans leurs outils inclus.

#VanillaVim #VanillaJS #VanillaForEverything #amishCoding

My new hobby: Building #SPA with #VanillaJS

Code is from an ongoing side project: #LFS Builder

#JS #Developer #Development #JavaScript #LinuxFromScratch

CodeFreezR (he/him) (@CodeFreezR@chaos.social) r6d6: Heute haben wir ein weiteres Repo nach #codeberg migriert: web-components Eine kleine Sammlung von offenen WebComponents, die beinahe in allen wichtigen Frameworks wie #vuejs, #angular oder #r...

r6d6: Migrated another repo to #Codeberg: web-components.

A collection of framework-agnostic WebComponents that work with #Vue, #Angular, #React, or #vanillaJS. Includes a "View on Codeberg" ribbon component.

🇩🇪 y.lab.nrw/r6d6 🐘

\__
#OpenSource #GiveUpGitHub #diday #didit #100DaysOfCode

Sierpiński triangle with dynamic blooming in the gaps ✨

VanillaJS Canvas

#generativeart #fractals #creativecoding #VanillaJS

New version of my meditative journey through all four seasons to infinity.

Pure vanilla JavaScript. No frameworks. No libraries.

#VanillaJS #CreativeCoding #GenerativeArt #ProceduralGeneration #CanvasArt #JavaScript #WebDev #CodeArt #GameDev #IndieWeb #MadeWithCode #DigitalArt #RetroGaming

Original post on mastodon.uno

@ericwastl

Grateful to the #VanillaJS team for enabling my super-minimalist #CMS.

This is the idea:
https://monastic.neocities.org/

window.addEventListener("load", async (event) => {
const params = new URLSearchParams(document.location.search)
const filepath = params.get("c") ?? "index.md" […]

Entry point for automated test tool, that loads recursive tab components hierarchical.

ACHIEVEMENT UNLOCKED: LEVEL 400 BREACHED.
* Using recursive AJAX and Event Delegation

1 root component
1,530 nested components
7,752 tabs
6 event listeners total

YaiTabs just created a DOM black hole. And i was in it.

yaijs.github.io/yai/tabs/Ben...

#VanillaJS #Frontend #WebDev

Left panel: multiple US marines strain to lift a log over their heads Right panel: Babushka carrying a giant log like it's nothing

#TypeScript #JavaScript #JS #VanillaJS

GitHub - dsolimando/elemento: A lightweight, opinionated library for building web components with a functional, React-inspired approach. A lightweight, opinionated library for building web components with a functional, React-inspired approach. - dsolimando/elemento

Custom Elements + Shadow DOM + uhtml signals + uhtml template strings = Elemento's recipe for clean, maintainable web components that embrace standards, not frameworks. Future-proofed by design! #WebStandards #VanillaJS #Elemento github.com/dsolimando/e...

Surprise (a snowflake maker) (WWO 2025 #29)

October is more a Halloween month, less a "snow & snowflakes" time but that did not keep me from writing a #VanillaJS snowflake generator for #WeirdWebOctober artlung.com/wwo/29/

Swipe example with open tabs, 7 level deep

Just unleashed the latest YaiTabs, where swipes dive 7 levels deep into recursive madness, as our wild demo image shows! Click D, hit Dynamic, then D-E-E to loop infinitely through nested tabs.

yaijs.github.io/yai/tabs/Exa...

#WebDev #JavaScript #Frontend #UX #Accessibility #VanillaJS #ARIA #Tabs

Tableau généré par du code JS. Coding créatif. Principalement bleu

Version modifiée des Boids de Craig Reynolds : "Life"

#CreativeCoding #vanillaJS #drawnByCode #CraigReynolds #Boids

TanStack Start Overview | TanStack Start React Docs [!NOTE] TanStack Start is currently in the Release Candidate stage! This means it is considered feature-complete and its API is considered stable. This does not mean it is bug-free or without…

tanstack.com/start/latest... - The TanStack: a different #SPA #Router and component library built on top. For #React, #Vue, #Svelte, #Solid, Qwik, Angular, Lit, and even #VanillaJS.

YaiTabs - Tabs Browser Component Advance Tab Browser Component with 9 animations, Dynamic content support, DeepLinks & implements WCAG 2.1 AA compliant tab navigation with full screen reader support

ACHIEVEMENT UNLOCKED: YNFINITI CERTIFIED
*(X+ nesting. That's Unprecedented!)*

🏆 ISG (International Scripting Gang)
⌨ YaiTabs Tabs Component v1.0.0
🔗 yaijs.github.io/yai/tabs/Exa...

🏷 #WebDev #Frontend #Javascript #VanillaJS #WebComponent

Perfect Score on Pingdom Speed Benchmark

Seen a perfect score on Pingdom benchmark before?

Yes it's my site, try it yourself...
tools.pingdom.com#663c652b9840...

#WebDev #SEO #Pingdom #NeedForSpeed #TTFB #VanillaJS

PageSpeed Insights

@developer.chrome.com
@developers.google.com

Hey Google I aced your Lighthouse benchmark, what do I win? :)

#WebDev #WebVitals #WebPerformance #PageLoad #TTFB #PageSpeed #FastPage #SEO #Cloudfront #AWS #S3 #VanillaJS #Minify #DevTools #GoogleLighthouse

pagespeed.web.dev/analysis/htt...

How to Make a Scroll-Triggered Animation With Basic JavaScript | CSS-Tricks Scroll-triggered events are very useful. There are libraries to create them but let's look at how to do it ourselves with a small handful of JavaScript.

css-tricks.com/scroll-trigg... - trigger #JavaScript and #CSS from user scroll in #VanillaJS. Nice walk-through of IntersectionObserver API github.com/0shuvo0.

GitHub - YALDAKHOSHPEY/Calculator_pro: A Pro Calculator responsive with HTML CSS JavaScript 🧮 A Pro Calculator responsive with HTML CSS JavaScript 🧮 - YALDAKHOSHPEY/Calculator_pro

github.com/YALDAKHOSHPE... - a simple, stylish calculator in #VanillaJS. No frameworks, no bundling, just raw #JavaScript. Nice work www.linkedin.com/in/yalda-twin.

OAuth in VanillaJS: Mind your encodings I wrote an implementation of the OAuth Authorisation Grant flow in VanillaJS. It worked pretty well except for some mismatch in String encodings. tl;dr: use `String.fromCharCode` over `TextDecoder` if you want to use `atob`. Or wait for `Uint8Array.toBase64`. Continue reading → The post OAuth in VanillaJS: Mind your encodings first appeared on Narf.

A ToDo App with 205 lines of structured VanillaJS. Supercharged handleEvent Demo.

A ToDo app with around 205 lines of structured vanilla JS, zero memory leaks, zero frameworks, 100% features? Y not? It's missing 15 lines for localStorage, though...

#JS #Javascript #EventHandling #WebDevelopment #Frontend #CleanCode #Performance #VanillaJS #JS2025 #toDoMVC

jsfiddle.net/r39ehjf0/

E8 Terminal Interface - Ω-Class Expansion 🌀

e8-terminal.vercel.app

#E8Terminal #InteractiveFiction #CosmicHorror #IndieDev #RetroTerminal #BrowserGame #SciFiLore #HTML #JavaScript #VanillaJS #OpenSource #CodePenInspo #RetroComputing #WebDev #NoBuild

YpsilonEventHandler - SPA Demo

"You can't build an SPA with just 5 event listeners, that's nuts!"

Me: Hold my beer!

Conditions:
Total event listeners: 5
Framework dependencies: 0
Turbo Charged: 100%

And, done: eypsilon.github.io/YpsilonEvent...

#WebDev #VanillaJS #javascript #Performance

Bringing React's <ViewTransition> to vanilla JS Bringing React's declarative view transitions API to vanilla as a custom element.

Packed into a custom web component, <view-transition> brings React style animated transitions to vanilla JS for modern browsers, no framework required. Read more about it: plainvanillaweb.com/blog/article...

#WebDev #JavaScript #CSS #Animations #VanillaJS

Generative art - 100% js code

@fxhash.bsky.social new version has some lovely new features. Here's a recent experiment.

#genart #javascript #vanillajs

Born To Ride | Empowering Youth Through Skateboarding Nonprofit empowering youth through skateboarding events, education, and community in Pleasanton, TX.

This is my first full-stack web app for a 503(c)(3) nonprofit, Born To Ride. It’s built with Three.js, vanilla JS, Firebase, and Stripe for credit card payments. Newsletter signups in Firebase.
borntoridepleasantontx.org
#threejs, #firebase, #stripe #webdev #vanillajs #nonprofit #buildinpublic

Does anyone have good reading on how major frameworks make their SPA url router? I'm not talking about a hash router, I'd like to see how (with the server configured properly) the JS handles all the things (history pop state changes, link clicks, etc)

#javascript #router #vanillajs #webcomponents

I'm looking at adding more pre-recorded content on my YouTube channel focused on JavaScript programming (both browser and Node) and would like to know what kinds of things you'd like to see!

#javascript #frontenddev #nodejs #vanillajs #educationalVideo

Plain Vanilla An explainer for doing web development using only vanilla techniques.

If you're tired of heavy frameworks, you might want to check Plain Vanilla Web. It's a guide to building with just HTML, CSS, and JavaScript. Meaning no bundlers, no dependencies. plainvanillaweb.com/index.html

#VanillaJS #WebDev #Frontend #NoFramework #HTML #CSS #JavaScript