🚨 NEWS: Moduli JavaScript ES Modules — Organizza il Codice con Import/Export e Lazy Loading

Ecco i punti chiave in breve:
💡 Hai mai aperto un progetto JavaScript e trovato un unico file script.js lungo duemila righe? Oppure decine di sparsi nell'HTML con l'ordine che sembra un rompicapo? Lo vediamo spesso ne...

🚀 LINK: https://meteoraweb.com/sviluppo-di-siti-web/moduli-javascript-es-modules-organizza-il-codice-con-importexport-e-lazy-loading

#javascript #lazyLoading #codeSplitting #eSModules #import

🚨 NEWS: JavaScript ES2024 — Nuove Feature, Performance e Casi d'Uso per Sviluppatori

Ecco i punti chiave in breve:
💡 Perché aggiornare il tuo JavaScript a ES2024?Ti è mai capitato di aprire una web app e sentire quel secondo e mezzo di attesa? Succede quando il codice JavaScript è scritto con tecniche di dieci anni...

🚀 LINK: https://meteoraweb.com/sviluppo-di-siti-web/javascript-es2024-nuove-feature-performance-e-casi-duso-per-sviluppatori

#eS2025 #javaScriptES2024 #asyncAwait #eSModules #webWorkers

JavaScript ES2024 — Nuove Feature, Performance e Casi d'Uso per Sviluppatori

Scopri le novità di JavaScript ES2024 e ES2025: async/await, moduli, Web Workers, performance e come aggiornare il tuo stack senza perdere fatturato.

Meteora Web

React-like syntax with WebComponents.

​After spending some time with Lit, I really appreciated its lightweight footprint but wasn't a fan of the class-based components. While Vue offers a great approach, I still prefer the intuitive nature of React's syntax for debugging and deterministic rendering. This led me to a challenge: could I build a UI framework using WebComponents that completely eliminates the need for transpilation?

​I have written a breakdown of the concept, the architecture, and where I want to take it. I highly invite you to take a look, check out the code, and explore the live demo.

* How it works: https://positive-intentions.com/docs/projects/dim/dim-jsx-webcomponents
* Checkout the code: https://github.com/positive-intentions/dim
* Storybook demo: https://dim.positive-intentions.com

​Please note, while the project is open-source, this is a personal exploration rather than an attempt to launch "yet another framework." It is not production-ready and is built for my own upcoming project migrations, but I am sharing it in hopes that the methodology is educational or interesting to the community.

​I would love to hear your thoughts on this approach. Feel free to reach out if you have any questions or want to discuss the implementation details.

​#WebDev #WebDevelopment #Frontend #FrontendDev #JavaScript #JS #TypeScript #TS #HTML #HTML5 #CSS #SoftwareEngineering #SoftwareEngineer #Coding #Programming #WebDesign #OpenSourceProject #IndieDev #SideProject #Tech #Technology #DevCommunity #Fediverse #FediverseDevs #WebStandards #CustomElements #ShadowDOM #VanillaJS #NoTranspiler #NoBuild #BuildStep #EsModules #ComponentDriven #UIUX #DesignSystems #TechExperiment #LearningInPublic #Developer #ComputerScience #OSS #Github #React #WebComponents #Lit #Vue #ReactJS #JSX #Storybook #TechArticle #TechBlog #TechWriting #WebDevArticles

#Development #Techniques
Top-level ‘await’ in ES modules · Write cleaner, more direct async code in modules https://ilo.im/164owq

_____
#Programming #Coding #JavaScript #EcmaScript #EsModules #AsyncCode #WebDev #Frontend #Backend #Guidelines

Using await at the top level in ES modules - Matt Smith

Modern JavaScript is evolving. Learn how top-level 'await' works, where to use it, and when to avoid it in your modules.

@teqfw/di: Coding JavaScript like a Java boss

Эта статья для тех, кто, как и я, хочет программировать на JavaScript в Java-стиле. Для тех, кто находит вдохновение в балансе между строгой архитектурной дисциплиной Java и творческой свободой JavaScript. Ранее я уже публиковал " философию " своей платформы TeqFW , а также инструкции для LLM ( раз , два ) по оформлению es-модулей в приложениях, написанных в стиле TeqFW . На этот раз я делюсь инструкцией для LLM по использованию внедрения зависимостей в таких приложениях. Для тех, кто не совсем понимает, что значит " программировать на JavaScript в Java-стиле ", приведу рабочий пример — это Node.js-утилита @flancer64/smtp-logger . Она сохраняет в базу данных все email'ы, которые Postfix отправляет наружу. Мне как раз понадобился такой функционал — и я реализовал его в стиле TeqFW : с явным управлением зависимостями и строгой модульной структурой. Под катом - пример JS-кода в Java-стиле.

https://habr.com/ru/articles/901678/

#teqfw #javascript #es6 #esmodules #dependency_injection #ioc

@teqfw/di: Coding JavaScript like a Java boss

Эта статья для тех, кто, как и я, хочет программировать на JavaScript в Java-стиле. Для тех, кто находит вдохновение в балансе между строгой архитектурной дисциплиной Java и творческой свободой...

Хабр
Move on to ESM-only

Let's move on to ESM-only

My esteemed followers, you have posted a total of 375,809 statuses to the #fediverse. 22% of you have posted in the last 24h. You are a chatty bunch! ;-)

Check out my new #sideproject: *fedi-followers*. A privacy-friendly fediverse #followers explorer as #localonly #staticwebapp, decentrally hosted on the #ipfs. See who's actually following (and unfollowing) you over time and much more.

https://fedi--followers-data0-one.ipns.dweb.link/

#decentralization #mastodev #esmodules #importmaps #nobuild #indexeddb #preact

a privacy-friendly fediverse followers explorer as local-only static web app.

I've built a thing.

Sometimes my follower count seemingly fluctuates at random. To understand why, I dug into the #MastodonAPI and created "fedi-followers":

A privacy-friendly #fediverse #followers explorer as local-only static web app, decentrally hosted on the #ipfs. See who's actually following (and unfollowing) you over time and much more.

https://fedi--followers-data0-one.ipns.dweb.link/

#mastodev #javascript #webapp #staticwebapp #nobuild #esmodules #importmaps #indexeddb #preact #htm

a privacy-friendly fediverse followers explorer as local-only static web app.

Since I'm stubborn, I couldn't let it go. I spent more time on this yesterday evening and this morning, trying to build a very minimal project similar to mine and start the whole config from scratch: basic build, then tests, then more advanved build, then typescript.

And I got something to work. For now, my solution involves #esbuild, #typescript and #jest. With #esmodules 😍

Another try, and I'm giving up once again 😭

I just can't upgrade my whole build setup to use #webpack + #typescript + #esmodules for both the app code and the test suite. Something always breaks. I lose *hours* reading github issues and stuff, trying stuff left and right, trying to switch to this or that, nothing works entirely, and it never breaks the same way.

That kind of nonsense will end up with me abandoning my side project 😩