#vanillajavascript — Public Fediverse posts

You don't need React: creating a minimal UI library in Vanilla JavaScript

https://pedroth.github.io/?p=post/NoNeedReact

Comments: https://news.ycombinator.com/item?id=49165665

#HackerNews #VanillaJavaScript #UIdevelopment #MinimalUI #ReactAlternatives #JavaScriptLibraries

You don't need React: creating a minimal UI library in Vanilla JavaScript

https://pedroth.github.io/?p=post/NoNeedReact

Comments: https://news.ycombinator.com/item?id=49165665

#HackerNews #VanillaJavaScript #UIdevelopment #MinimalUI #ReactAlternatives #JavaScriptLibraries

Vanilla JavaScript refinery simulator built to explain job to my kids

https://fuelingcuriosity.com/game.html

#HackerNews #VanillaJavaScript #Simulation #KidsEducation #FamilyLearning #CodingForKids #InteractiveLearning

Vanilla JavaScript refinery simulator built to explain job to my kids

https://fuelingcuriosity.com/game.html

#HackerNews #VanillaJavaScript #Simulation #KidsEducation #FamilyLearning #CodingForKids #InteractiveLearning

🚀 Oh joy, another "How to Build a Rocket with a Toothpick" guide! 🧩 Let's reinvent the wheel with Vanilla JavaScript, because frameworks are so mainstream. 🥱 Prepare for a Friday night filled with code snippets and zero productivity!
https://jsdev.space/howto/reactive-vanilla-js/ #HowToBuildARocket #VanillaJavaScript #CodingHumor #FridayNightCoding #ZeroProductivity #HackerNews #ngated

🚀 Oh joy, another "How to Build a Rocket with a Toothpick" guide! 🧩 Let's reinvent the wheel with Vanilla JavaScript, because frameworks are so mainstream. 🥱 Prepare for a Friday night filled with code snippets and zero productivity!
https://jsdev.space/howto/reactive-vanilla-js/ #HowToBuildARocket #VanillaJavaScript #CodingHumor #FridayNightCoding #ZeroProductivity #HackerNews #ngated

How to Build Reactive Declarative UI in Vanilla JavaScript

https://jsdev.space/howto/reactive-vanilla-js/

#HackerNews #ReactiveUI #VanillaJavaScript #WebDevelopment #JavaScriptProgramming #CodingTips

How to Build Reactive Declarative UI in Vanilla JavaScript

https://jsdev.space/howto/reactive-vanilla-js/

#HackerNews #ReactiveUI #VanillaJavaScript #WebDevelopment #JavaScriptProgramming #CodingTips

Why Developers Are Ditching Frameworks for Vanilla JavaScript - The New Stack
https://thenewstack.io/why-developers-are-ditching-frameworks-for-vanilla-javascript/ #Coding #JavaScript #VanillaJavaScript

Why Developers Are Ditching Frameworks for Vanilla JavaScript - The New Stack
https://thenewstack.io/why-developers-are-ditching-frameworks-for-vanilla-javascript/ #Coding #JavaScript #VanillaJavaScript

I refactored another one of my small intranet tools to get rid of jQuery. I have to say, it's a bit of a chore to write document.getElementById() so much. jQuery's $("#...") is so much shorter. Likewise, addEventListener() is longer than on(). That sucks a bit.
But apart from that it's nice to remove a framework and lots of <div> tags and replace it with techniques that browsers have built into them like CSS (or accordion widgets using the <details> tag).
#vanillaJavaScript

I refactored another one of my small intranet tools to get rid of jQuery. I have to say, it's a bit of a chore to write document.getElementById() so much. jQuery's $("#...") is so much shorter. Likewise, addEventListener() is longer than on(). That sucks a bit.
But apart from that it's nice to remove a framework and lots of <div> tags and replace it with techniques that browsers have built into them like CSS (or accordion widgets using the <details> tag).
#vanillaJavaScript

Just released a free little puzzle.
https://henspace.itch.io/zupzle-geometry-pack

I wrote the game to have a little practice writing a vanilla JavaScript game. I also intend to release a version using my drawings. Sort of like an interactive portfolio.

#indiedev #puzzle #gamedev #itch_io #itchio #vanillajavascript #html5

Just released a free little puzzle.
https://henspace.itch.io/zupzle-geometry-pack

I wrote the game to have a little practice writing a vanilla JavaScript game. I also intend to release a version using my drawings. Sort of like an interactive portfolio.

#indiedev #puzzle #gamedev #itch_io #itchio #vanillajavascript #html5

In preparation for the new SPA I've spent 2-3 days learning about web components and refactoring the jQuery front-end to a tiny PHP web app using #vanillaJavaScript. That blog in the previous post and the Mozilla Dev Network docs were all I needed but it was a lot of open tabs and back-and-forth between them 😃

Plain JS is quite verbose at times compared to jQuery. Especially with AJAX requests. Also had to learn about CORS, promise objects... but I'm confident to tackle more now.

#WebDev

In preparation for the new SPA I've spent 2-3 days learning about web components and refactoring the jQuery front-end to a tiny PHP web app using #vanillaJavaScript. That blog in the previous post and the Mozilla Dev Network docs were all I needed but it was a lot of open tabs and back-and-forth between them 😃

Plain JS is quite verbose at times compared to jQuery. Especially with AJAX requests. Also had to learn about CORS, promise objects... but I'm confident to tackle more now.

#WebDev

As neat as #jquery or #cheerio is, I miss the abilities of #VanillaJavaScript in the browser.

I don't remember how many times I tried to grab certain properties, which would have been available in the browser, but don't exist in cheerio.

And it is a bit annoying to constantly put various html elements into the cheerio wrapper class to get access to the various functionalities it offers. Thus instead grabbed the minimal viable data and just worked further with arrays.

#javascript

As neat as #jquery or #cheerio is, I miss the abilities of #VanillaJavaScript in the browser.

I don't remember how many times I tried to grab certain properties, which would have been available in the browser, but don't exist in cheerio.

And it is a bit annoying to constantly put various html elements into the cheerio wrapper class to get access to the various functionalities it offers. Thus instead grabbed the minimal viable data and just worked further with arrays.

#javascript

Build a ShadCN UI Button Clone Component Using Vanilla JavaScript
https://jsdev.space/btn-component-js/ #JavaScript #VanillaJavaScript

Build a ShadCN UI Button Clone Component Using Vanilla JavaScript
https://jsdev.space/btn-component-js/ #JavaScript #VanillaJavaScript

I’m running a marathon on Sunday and have been tapering over the past two weeks or so — reducing the amount of training and increasing the amount of rest. So I built a thing to keep me virtually running and it took so much time! Hopefully, I can run a marathon quicker :) https://lgc.li/blog/vanilla-marathon #EdinburghMarathonFestival #vanillaJavaScript

With only 11 days to go, there's no time left to train for the Edinburgh Marathon so I built this over the weekend as the final part of my preparations: https://vanilla-marathon.logicalcobwebs.com/

#EdinburghMarathonFestival #MacmillanCancerSupport #vanillaJavaScript

#Development #Techniques
13 super rad web development tricks · A selection of JavaScript snippets that are worth exploring https://ilo.im/159tmr

_____
#WebDev #Frontend #JavaScript #VanillaJavaScript

#Development #Techniques
13 super rad web development tricks · A selection of JavaScript snippets that are worth exploring https://ilo.im/159tmr

_____
#WebDev #Frontend #JavaScript #VanillaJavaScript

#Development #Resources
driver.js · Onboarding, product tour, feature adoption, contextual help for your website https://ilo.im/14c54k

_____
#Onboarding #ProductTour #FeatureAdoption #ContextualHelp #Design #ProductDesign #UxDesign #UiDesign #WebDesign #WebDevelopment #WebDev #Frontend #JavaScript #VanillaJavascript #Customization #Lightweight

#Development #Resources
driver.js · Onboarding, product tour, feature adoption, contextual help for your website https://ilo.im/14c54k

_____
#Onboarding #ProductTour #FeatureAdoption #ContextualHelp #Design #ProductDesign #UxDesign #UiDesign #WebDesign #WebDevelopment #WebDev #Frontend #JavaScript #VanillaJavascript #Customization #Lightweight

#Development #Techniques
JavaScript events are the shit · Cool things that you can achieve with just plain old events https://ilo.im/14dt9z

“You might not need an expensive or heavy library!”

_____
#WebDevelopment #WebDev #Frontend #Code #JavaScript #VanillaJavaScript #Events

#Development #Techniques
JavaScript events are the shit · Cool things that you can achieve with just plain old events https://ilo.im/14dt9z

“You might not need an expensive or heavy library!”

_____
#WebDevelopment #WebDev #Frontend #Code #JavaScript #VanillaJavaScript #Events

Build 15 JavaScript Projects - Vanilla JavaScript Course #javascript #coding #programming #VanillaJavaScript
https://www.youtube.com/watch?v=3PHXvlpOkf4