DEV Community: mehdi

Capacitor Showcase – LocalLLM

mehdi — Wed, 22 Jul 2026 23:00:00 +0000

Capacitor Showcase - LocalLLM - Ionic Blog

Explore how Capacitor LocalLLM enables on-device AI for iOS and Android apps with a unified TypeScript API. Learn how to build privacy-first mobile experiences using local LLMs, Apple Intelligence, and Gemini Nano—no cloud required.

ionic.io

Announcing Angular v22

mehdi — Tue, 21 Jul 2026 23:00:00 +0000

MediumAnnouncing Angular v22. Today, we are thrilled to announce the… | by Angular | Jun, 2026 | Angular Blog

Today, we are thrilled to announce the release of Angular v22. We continue to be proud of the work we do with each release. Our goal is to…

blog.angular.dev

The Java Story | The Official Documentary

mehdi — Tue, 21 Jul 2026 10:25:42 +0000

From its humble beginnings as a project code-named "Oak" at Sun Microsystems to becoming a global standard for enterprise software and billions of devices, Java's journey is one of radical innovation, strategic pivots, and enduring community strength.

Film Patrons

This film was only possible thanks to the incredible support of our sponsors: Oracle, JetBrains, IBM, and Azul.

• Oracle : Oracle is the steward of the Java Platform. Learn more at https://dev.java and / @java

• IBM : Develop modern applications with the open Java ecosystem and IBM Developer. https://developer.ibm.com/languages/j...
• JetBrains : Use IntelliJ IDEA from JetBrains for pro development in Java and Kotlin: https://www.jetbrains.com/idea/
• Azul : Azul is the trusted leader in enterprise Java for today's AI and cloud-first world, powering mission-critical systems for 36% of the Fortune 100: https://www.azul.com/
• Railway : Railway is the all-in-one intelligent cloud provider ➡️ https://railway.com/?referralCode=cul...

What to Expect from the Film

• The Birth of Oak : Discover how a small team of top engineers at Sun Microsystems originally designed Java to solve problems in computing devices outside the traditional industry scope.
• Pivoting to the Web : Learn how the release of the first web browser, Mosaic, inspired the team to rewrite their browser and bring interactivity to the static web using Java.
• Write Once, Run Anywhere : Understand the goal of creating a binary platform that could run on any hardware. Revisit the high-stakes legal battles that threatened the "write once, run anywhere" promise.
• Community and Open Source : Witness the transition of Java to an open-source platform through the creation of the Java Community Process (JCP) and the release of OpenJDK.
• The Modern Era : Explore how Oracle's acquisition of Sun Microsystems impacted the language and whats in store for the future of Java.

Timestamps

00:00 - INTRO
00:15 - TITLE SEQUENCE
01:33 - PROJECT GREEN AND EARLY YEARS
04:27 - HOTJAVA BROWSER
06:34 - NETSCAPE
08:26 - JAVA WEB PIVOT/WORA
12:22 - WOLF IN SHEEP'S CLOTHING
15:31 - JAVA SHIFT TO ENTERPRISE
18:20 - COMPATABILITY/MICROSOFT WARS
19:45 - THE SMOKING GUN EMAIL
21:08 - MICROSOFT THREAT
22:45 - MICROSOFT LAWSUIT
24:45 - JCP INCEPTION
26:36 - OPEN SOURCING
28:59 - TOMCAT
31:06 - J2EE
33:15 - SPRING / HIBERNATE
34:49 - JAVA OPEN SOURCE ECOSYSTEM GROWTH
36:07 - JAVA OPEN SOURCING ANNOUNCEMENT
39:03 - THE DARK AGES
42:28 - ORACLE ACQUISITION
44:13 - JAMES GOSLING LEAVES ORACLE
45:37 - JAVA UNDER ORACLE
46:52 - IS JAVA DEAD?
48:07 - JAVA 8 - A NEW ERA
49:31 - JAVA 8 LAUNCH
52:23 - JAVA SIX MONTH CADENCE
54:53 - STEWARDSHIP
58:32 - ECLIPSE FOUNDATION
59:52 - JAVA PROJECT LOOM
01:01:54 - THE JAVA COMMUNITY
01:03:59 - THE UBIQUITY OF JAVA/JAVA'S LEGACY
01:06:55 - JAVA DEVELOPMENT IN THE MODERN ERA
01:11:29 - FINAL WRAP
01:13:31 - CREDITS

Featuring

Past & Present Java Team Members from Sun / Oracle

James Gosling — Creator of Java
Joshua Bloch — Creator of the Java Collections Framework, Author of Effective Java
James Duncan Davidson — Creator of Apache Tomcat
Brian Goetz — Java Language Architect, Java Platform Group, Oracle
Tim Lindholm — Co-author, Java Virtual Machine Specification
Kim Polese — Java's first Product Manager
Mark Reinhold — Chief Architect, Java Platform Group, Oracle
Georges Saab — Senior Vice President, Java Platform Group, Oracle and Chair, OpenJDK Governing Board
Paul Sandoz — Architect, Java Platform Group, Oracle
Carla Schroer — Director of Java Compatibility, Sun Microsystems
Sharat Chander — Senior Director, Java Product Management & Developer Engagement, Oracle
Heather VanCura — Vice President and Java Community Process Chairperson and Director, Oracle

Java Community

Paul Bakker — Staff Software Engineer at Netflix
Lars Bergstrom — Director of Engineering, Google Android
Andrey Breslav — Creator of Kotlin
Ivar Grimstad — Jakarta EE Developer Advocate at Eclipse Foundation
Rod Johnson — Creator of Spring
Gavin King — Creator of Hibernate
Mark Little — Vice President Java Runtimes and Java Integration, IBM
Josh Long — Spring Developer Advocate
Venkat Subramaniam — Java Champion, Author & Educator
Tagir Valeev — Technical Lead, Java Team, JetBrains

Filmmakers

Directed by: Joey Bania
Produced by: Emma Tracey

React in 2025: Why It's No Longer Just a Library (Server Components & Frameworks Explained)

mehdi — Sun, 03 Aug 2025 09:15:03 +0000

The Future of Frontend: Progressive Web Apps, Microfrontends, & JavaScript Frameworks in 2025

mehdi — Wed, 30 Jul 2025 17:53:44 +0000

[Boost]

mehdi — Tue, 29 Jul 2025 09:16:19 +0000

Alex Okrushko for NgRx

Jul 28 '25

Announcing NgRx v20: The Power of Events, Enhanced DX, and a Mature SignalStore!

#angular #ngrx

11 min read

The Rise of Adapters in the JavaScript Ecosystem

mehdi — Sun, 27 Jul 2025 00:56:25 +0000

The modern JavaScript landscape is characterized by rapid evolution and a proliferation of powerful tools, often referred to as meta-frameworks. As developers seek greater flexibility, performance, and maintainability, there's a growing emphasis on framework agnosticism and runtime agnosticism. This shift is paving the way for a new era where libraries and tools are designed with "adapters" in mind, allowing them to integrate seamlessly across different frameworks and runtime environments, thereby minimizing vendor lock-in and streamlining development workflows.

The Agnostic Tides: Framework and Runtime Independence

A key trend in contemporary web development is the move towards solutions that are not intrinsically tied to a single JavaScript framework or runtime. This allows developers to choose the best tool for the job without committing to an entire ecosystem.

Hono's Universal Reach: Hono, a relatively new framework, exemplifies this trend. It is described as a small, simple, and ultrafast web framework built on Web Standards. Its serverless design and embrace of modern web APIs caught the attention of developers due to its impressive speed and minimal footprint. Crucially, Hono works on practically any JavaScript runtime, including Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, Netlify, AWS Lambda, Lambda@Edge, and Node.js. This broad compatibility means you can write your code once and deploy it almost anywhere without major modifications.
Nitro's Deployment Versatility: Nitro, an open-source framework that builds web servers, is another champion of runtime agnosticism. It is designed to automatically make your code compatible with any deployment provider and runtime. Nitro can be used as the server engine for full-stack frameworks like Nuxt, or standalone. It focuses purely on server-side logic and APIs, making it more lightweight and potentially faster for API-only use cases compared to a full-stack framework like Nuxt.js. The underlying h3 library, used by Nitro, abstracts from Node.js, enabling support for serverless and other environments.
Vite as the Development Hub: Vite, known for its hot-reloading capabilities in the browser, has extended its utility to support modern backend frameworks like Hono. It provides a whole new way of developing full-stack applications by enabling hot module reloading for Hono applications. This flexibility in the development server allows developers to mix and match frontend and backend technologies more easily.

Unifying the Frontend-Backend Divide

The traditional division between frontend and backend development can introduce unnecessary complexities. Modern approaches aim to bridge this gap, often through shared tooling and type systems.

Sharing Types for Coherence: With a full-stack architecture like Vite + Hono, developers can reduce the unnecessary division between the backend and the frontend and improve the quality of code since Hono can share API types between the backend and the frontend. This type-sharing capability is a significant benefit, fostering consistency and reducing errors across the stack.
Meta-Frameworks and Their Server Engines: Frameworks like Next.js (React-based) and Nuxt.js (Vue.js-based) are popular examples of full-stack meta-frameworks that natively integrate server-side rendering (SSR). While they offer comprehensive features, if the primary goal is just an API server without server-rendered pages, Nitro would likely be the more efficient and streamlined choice due to its focus on server-side operations and lighter overhead.

The Power of Portable Libraries: Adapters in Action

The core of achieving true framework and runtime independence lies in adopting libraries that are designed to be portable and extensible through adaptation. These "adapters" allow a core logic to remain consistent while leveraging the unique benefits of the environment it's running in.

State Management with TanStack Query: As you mentioned, libraries like TanStack Store (and its related TanStack Query) are at the forefront of this movement. TanStack Query is described as a "powerful asynchronous state management for TS/JS, React, Solid, Vue, Svelte and Angular". This highlights its framework-agnostic nature, as it provides a unified API for data fetching and state management across multiple frontend frameworks. It handles caching, background updates, and stale data out-of-the-box with zero configuration, and there's no global state to manage, reducers, normalization systems, or heavy configurations to understand. Being backend agnostic and having zero dependencies further contributes to its portability and ease of integration. The concept of providing "adapters" for specific framework features (like leveraging Angular signals for reactivity) perfectly embodies how these libraries offer universal utility while still being able to optimize for the chosen environment.
Flexible Server-Side Rendering (SSR) Solutions: When it comes to SSR with Vite, several solutions are emerging that offer varying degrees of agnosticism and adaptation:
- SSRx: This Vite plugin focuses on smoothing out developer experience issues with Vite SSR and aims to "formalize a means of hooking 3rd party libraries into the SSR lifecycle, while remaining as flexible as possible". Its server-agnostic nature means it can be used with various Node.js/Bun servers or serverless HTTP frameworks, including Hono. This "hooking" mechanism acts as a form of adaptation, allowing developers to integrate their preferred tools.
- Vinxi: While Vinxi is coupled to the H3 http framework and Nitro web server, its author emphasizes that this coupling allows them to "build a shared library of trusted tools that can do the common operations across all the platforms" such as sessions, CORS, cookies, and authentication. This approach aims for versatility by standardizing a robust server runtime rather than being entirely server-agnostic like SSRx. Despite this, Vinxi still facilitates interoperability, with examples of its integration with TanStack Router (a framework-agnostic routing library) for SSR.
- Vike: Positioning itself as "Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin," Vike offers a more full-featured solution compared to SSRx or Vinxi, notably featuring an integrated Client Router. While powerful, its integrated router might be a distinguishing factor if you prefer to use a separate client-side router like TanStack Router or React Router.
Build Tooling and Code Synchronization: The choice of build tools also plays a crucial role in enabling flexibility. For backend Node.js applications, the sources recommend using Rollup over tsc because tsc is "very bad at supporting TypeScript" with .ts extensions and can complicate a unified tsconfig.json for both frontend and backend. Rollup's ability to handle this, while maintaining a single tsconfig.json that works for both sides, is a practical example of adapting tooling to achieve a seamless full-stack development experience.
Type-Safe API Clients (Hono Client): Hono facilitates streamlined frontend-backend communication through its client. By importing the api variable from utils/frontend.ts, frontend components can "use it as if calling local functions". This Hono Client (hc) leverages TypeScript type inference to provide type-safe RPC-style APIs, abstracting away the underlying HTTP requests and making API interactions feel more like local function calls. This abstraction layer effectively serves as an "adapter" for consuming backend services, promoting easier refactoring and potential migration of frontend technologies.

The Future is Flexible

The trend towards framework and runtime agnosticism, powered by smart adaptation strategies, is a significant step forward in JavaScript development. By leveraging tools like Hono and Nitro for universal runtime deployment, Vite for flexible development environments, and portable libraries like TanStack Query for core functionalities, developers can build applications with less technical debt and greater agility. This "rise of adapters" allows for:

Reduced Vendor Lock-in: Developers are not tied to a single framework or runtime, enabling them to choose components based on project needs rather than ecosystem constraints.
Improved Developer Experience: Consistent APIs and patterns across different parts of the stack, facilitated by adapters, lead to a more intuitive and productive development process.
Future-Proofing: Applications built with this philosophy are inherently more adaptable to future changes in the ever-evolving JavaScript landscape.

This focus on foundational portability and adaptive integration ensures that the JavaScript ecosystem continues to provide innovative, high-performance solutions for a wide array of application needs.

🚀 The Rise of Adapters: Reimagining JavaScript Tooling in 2025

mehdi — Fri, 25 Jul 2025 21:45:53 +0000

🔄 From Framework Lock-in to Flexible Tooling

The JavaScript world has entered a renaissance. No longer are we tied into monolithic frameworks or rigid ecosystems. Instead, a wave of adapter-based tools is giving developers flexibility, portability, and reuse across frameworks, without sacrificing performance or ergonomics.

TanStack Store: More than Just a Library

Framework-Agnostic Core

TanStack Store is a lightweight, type-safe reactive store built independently from any framework. That means your state logic—derivations, updates, batching—runs identically in React, Solid, Vue, Angular, Svelte, or even vanilla JS/TS.

Framework Adapters

For each framework (React, Angular, Solid, Vue, Svelte), adapters translate the core reactive store into framework-native constructs—like signals in Angular or fine-grained updates in Solid.

Why It Matters

Your business logic and state manipulation remain portable. Only the UI glue layer differs, dramatically easing transitions when migrating between frameworks while preserving productivity.

Nitro & the UnJS Ecosystem: Runtime-Agnostic Superpowers

Nitro's Universal Server Toolkit

Nitro is a next-generation server toolkit built atop h3 and unenv, designed to run anywhere—Node.js, Deno, Bun, Cloudflare Workers, or other edge environments—without rewriting code.

Seamless Runtime Adapters

Nitro's architecture adapts your code seamlessly to each runtime’s APIs, offering fetch-compatible handlers, caching, storage, and HTTP routing out-of-the-box.

Commitment to Openness

Nitro maintains full neutrality and runtime agnosticism, reinforcing the vision of tooling without vendor lock-in.

The broader UnJS ecosystem also includes adapter-driven utilities like unstorage, ofetch, and unplugin, enhancing cross-runtime compatibility.

🧩 Why Adapters Are the New Frontier

Benefit	What It Means for Developers
Portability	Core logic (state, routing, fetch) remains framework/runtime-agnostic, while only adapters differ per target environment.
Migration-first	Framework migration becomes incremental: adapt only the UI layer, preserving business logic.
Ecosystem cohesion	Projects like TanStack Form, Table, Query, and Store interoperate seamlessly across frameworks through adapters.
Performance-first	Despite abstraction layers, tools like Nitro and TanStack Store remain minimal and optimized for performance.

🎉 What This Means for JavaScript Developers

We're witnessing a defragmentation, not fragmentation:

Write Once, Adapt Anywhere: Build core business logic once, adapting only as needed.
Unlock Flexibility: Choose frameworks or runtimes per project or team without massive rewrites.
Community-Driven Standards: Projects like Nitro and TanStack foster collaboration, openness, and innovation.

✅ Suggested Next Steps

Explore adapter-first libraries like TanStack Store, Nitro, h3, and HonoJS. Embrace this powerful shift to future-proof your projects, enhance flexibility, and rediscover joy in JavaScript development.

✨ Closing Thoughts

Adapter-based tooling is reshaping JavaScript projects across front-end, back-end, and full-stack environments. The capacity to write once in a neutral core and adapt seamlessly ensures your projects stay maintainable, flexible, and team-friendly. Now is the time to join this exciting new frontier.

TanStack

mehdi — Thu, 24 Jul 2025 08:25:01 +0000

TanStack resources

TanStack Start

Full-stack React and Solid framework powered by TanStack Router

TanStack Start

TanStack Router

Modern and scalable routing for React and Solid applications

TanStack Router

TanStack Query

Powerful asynchronous state management for TS/JS, React, Solid, Vue, Svelte and Angular

TanStack Query

TanStack Store

Framework agnostic type-safe store w/ reactive framework adapters

TanStack Store

Videos

Latest Stuff in Dev | July '25

mehdi — Wed, 23 Jul 2025 23:13:04 +0000

Nitro

Next Generation Server Toolkit

nitro.build

Tanstack

Tanstack Start

Full-stack React and Solid framework powered by TanStack Router

TanStack Start

Full-document SSR, Streaming, Server Functions, bundling and more, powered by TanStack Router and Vite - Ready to deploy to your favorite hosting provider.

tanstack.com

Tanstack Router

Modern and scalable routing for React and Solid applications

TanStack Router

A powerful React router for client-side and full-stack react applications. Fully type-safe APIs, first-class search-params for managing state in the URL and seamless integration with the existing React ecosystem.

tanstack.com

TanStack Query

Powerful asynchronous state management for TS/JS, React, Solid, Vue, Svelte and Angular

TanStack Query

Powerful asynchronous state management, server-state utilities and data fetching. Fetch, cache, update, and wrangle all forms of async data in your TS/JS, React, Vue, Solid, Svelte, Angular & Lit applications all without touching any "global state"

tanstack.com

TanStack Store

Framework agnostic type-safe store w/ reactive framework adapters

TanStack Store

The immutable-reactive data store that powers the core of TanStack libraries and their framework adapters.

tanstack.com

Videos

Vike

(Replaces Next.js/Nuxt) 🔨 Build mission-critical applications with stability and development freedom.

vike.dev

unjs

UnJS: Unleash JavaScript's Potential

Agnostic Excellence: JavaScript Libraries, Tools, and Utilities, Crafted to Elevate Your Coding Journey.

unjs.io

Vite | Next Generation Frontend Tooling

Next Generation Frontend Tooling

vite.dev

Vaadin: Java Framework for Building Enterprise Web Applications

Build modern apps faster with Vaadin, the open-source Java web framework. Features a unified stack, built-in security, and enterprise-grade UI components.

vaadin.com

Visual Studio Code containers

Developing inside a Container

Containers in Visual Studio Code

Apple

Apple containers

A tool for creating and running Linux containers using lightweight virtual machines on a Mac. It is written in Swift, and optimized for Apple silicon.

Apple containers

WWDC25: Explore large language models on Apple silicon with MLX | Apple

WWDC25: Get ahead with quantum-secure cryptography | Apple

WWDC25: What’s new in Swift | Apple

tRPC - Move Fast and Break Nothing. End-to-end typesafe APIs made easy. | tRPC

mehdi — Wed, 23 Jul 2025 16:58:54 +0000

tRPC - Move Fast and Break Nothing. End-to-end typesafe APIs made easy. | tRPC

End-to-end typesafe APIs made easy. Automatic typesafety & autocompletion inferred from your API-paths, their input data, & outputs 🧙‍♂️

trpc.io

Nitro

mehdi — Wed, 23 Jul 2025 16:57:43 +0000

nitro.build

DEV Community: mehdi

Capacitor Showcase – LocalLLM

Announcing Angular v22

The Java Story | The Official Documentary

React in 2025: Why It's No Longer Just a Library (Server Components & Frameworks Explained)

The Future of Frontend: Progressive Web Apps, Microfrontends, & JavaScript Frameworks in 2025

[Boost]

The Rise of Adapters in the JavaScript Ecosystem

🚀 The Rise of Adapters: Reimagining JavaScript Tooling in 2025

🔄 From Framework Lock-in to Flexible Tooling

TanStack Store: More than Just a Library

Framework-Agnostic Core

Framework Adapters

Why It Matters

Nitro & the UnJS Ecosystem: Runtime-Agnostic Superpowers

Nitro's Universal Server Toolkit

Seamless Runtime Adapters

Commitment to Openness

🧩 Why Adapters Are the New Frontier

🎉 What This Means for JavaScript Developers

✅ Suggested Next Steps

✨ Closing Thoughts

TanStack

TanStack resources

TanStack Start

TanStack Router

TanStack Query

TanStack Store

Videos

Latest Stuff in Dev | July '25

Nitro

Tanstack

Tanstack Start

Tanstack Router

TanStack Query

TanStack Store

Videos

Hono

h3

oRPC: Typesafe APIs Made Simple

Vike

unjs

Visual Studio Code containers

Apple

Apple containers

WWDC25: Explore large language models on Apple silicon with MLX | Apple

WWDC25: Get ahead with quantum-secure cryptography | Apple

WWDC25: What’s new in Swift | Apple

tRPC - Move Fast and Break Nothing. End-to-end typesafe APIs made easy. | tRPC

Nitro