the elegant TypeScript UI framework.

Ripple is a TypeScript UI framework that takes the best parts of React, Solid and Svelte and combines them into one package.

• RippleJS @ GitHub.

Simple and performant reactivity for building user interfaces. A declarative, efficient, and flexible JavaScript library for building user interfaces.

Solid is a declarative JavaScript library for creating user interfaces. Instead of using a Virtual DOM, it compiles its templates to real DOM nodes and updates them with fine-grained reactions. Declare your state and use it throughout your app, and when a piece of state changes, only the code that depends on it will rerun.

• SolidJS @ GitHub.

Related contents:

• I've tried Solid.js, now I'm starting to hate React @ Alem Tuzlak's blog.
• React Won by Default – And It's Killing Frontend Innovation @ Loren Stewart.

Write components once, run everywhere.

Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more. Mitosis provides a unified development experience across all frameworks, enabling you to build components in a single codebase and compile them to React, Vue, Angular, Svelte, Solid, Alpine, Qwik, and more.

• Mitosis @ GitHub.

Related contents:

• 11 Open-Source Projects That are Legit Game-Changers @ Let's Code Future's Medium.

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

Toss out that granular state management, manual refetching and endless bowls of async-spaghetti code. TanStack Query gives you declarative, always-up-to-date auto-managed queries and mutations that directly improve both your developer and user experiences.

• TanStack Query @ GitHub.

Related contents:

• Practical React Query @ TkDodo's blog.
• React Query - The Bad Parts @ GitNation.
• Concurrent Optimistic Updates in React Query @ TkDodo's blog.

🎉 Web component JS frameworks overview by their syntax and features.

Many JS developers don't have a good overview of every existing JS framework with their own syntax and features. How do we solve this ? Developers love having framework overview by examples. It's a quick introduction before going deeper.

• Component Party @ GitHub.
• 085 - News Mai 2024 @ Double Slash Podcast :fr:.

Headless UI for Virtualizing Large Element Lists

Virtualize only the visible DOM nodes within massive scrollable elements at 60FPS in TS/JS, React, Vue, Solid & Svelte while retaining 100% control over markup and styles.

TanStack Virtual @ GitHub.

Placeholder Avatars for the Modern World. Give your app some flair instead of using some generic user icon from some icon library. Use it in your frontend framework of choice.

• Boringer Avatars @ GitHub.