solid VS Preact

Compare solid vs Preact and see what are their differences.

solid

A declarative, efficient, and flexible JavaScript library for building user interfaces. (by solidui)

Preact

⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM. (by preactjs)
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
solid Preact
52 108
30,813 35,944
1.5% 0.7%
8.9 9.3
1 day ago 1 day ago
TypeScript JavaScript
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

solid

Posts with mentions or reviews of solid. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-04-18.
  • Resources for understanding the Solid compiler
    3 projects | /r/solidjs | 18 Apr 2023
    The reactivity core, which is in https://github.com/solidjs/solid This is where you'll see the reactivity runtime implementation. Take note that Solid's reactivity doesn't rely on compile-time magic
  • Solid JS compared to svelte?
    2 projects | /r/solidjs | 17 Mar 2023
    This is very true. I really hate svelte single file components. But then I tried JSX for breaking things down. I love solid but I don't feel really good about angle brackets within C style syntax. I saw this Scala library that stick with simple statically typed function syntax than html tags. I don't understand why people still wants to stick with xml like tags. In laminar markup is written like this scala div( h1("Hello world", color := "red"), inputCaption, input(inputMods, name := "fullName"), div( ">>", button("Submit"), "<<" ) ) I wish solid team makes their HyperScript syntax as performant as JSX.
  • Building an E-commerce Store: A Step-by-Step Guide with Solidjs and Medusa
    3 projects | dev.to | 8 Mar 2023
    What is Solid?
  • Learn how to install SolidJS with Flowbite and Tailwind CSS
    6 projects | dev.to | 20 Feb 2023
    import logo from './logo.svg'; import styles from './App.module.css'; import 'flowbite'; function App() { return (
    logo

    Edit src/App.jsx and save to reload.

    Learn Solid, Tailwind CSS and Flowbite Toggle Flowbite modal
    ); } export default App;
  • Does solid start support CSR or SSG if so how?
    3 projects | /r/solidjs | 14 Feb 2023
    There is example of each technique in Solid's main repo: https://github.com/solidjs/solid/tree/main/packages/solid-ssr/examples
  • Flutter 3 の状態管理 (State、ステート): アプローチ (概念)
    3 projects | dev.to | 7 Jan 2023
  • Super Charging Fine-Grained Reactive Performance
    9 projects | dev.to | 1 Dec 2022
    Current reactivity benchmarks (Solid, CellX, Maverick) are focused on creation time, and update time for a static graph. Additionally, existing benchmarks aren't very configurable, and don't test for dynamic dependencies.
  • a first look at solidstart
    3 projects | dev.to | 23 Nov 2022
    Before diving into SolidStart, it's worth taking a moment to outline the history and motivation behind the creation of Solid. Branded as "a reactive JavaScript library for building user interfaces," Ryan open sourced the framework on April 24, 2018. It was designed as a spiritual successor to the reactive programming model exemplified by KnockoutJS.
  • Deno 1.28: Featuring 1.3M New Modules
    12 projects | news.ycombinator.com | 14 Nov 2022
    As always, less complexity and less expressive power at a given level go hand in hand: as far as I could understand, Deno as it exists right now can’t work with a relatively tame nonstandard approach to JSX such as that in Solid.js[1] (without essentially running a build step at startup), let alone a full language extension like Svelte[2] (there is a thing for that now[3], but I think it still squeezes in a build system somehow).

    [1] https://github.com/solidjs/solid/discussions/332

    [2] https://github.com/sveltejs/svelte/issues/4431

    [3] https://github.com/crewdevio/Snel

  • Reviewing 2021 and predicting 2022
    6 projects | dev.to | 12 Sep 2022
    This one hit late so I put it in July - SolidJS releases version 1.0.0. Never heard of it checkout the perf chart Ryan Carniato wroteup.

Preact

Posts with mentions or reviews of Preact. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-01-17.

What are some alternatives?

When comparing solid and Preact you can also consider the following projects:

qwik - Instant-loading web apps, without effort

react-18 - Workgroup for React 18 release.

SvelteKit - web development, streamlined

Angular - Deliver web apps with confidence 🚀

Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.

lit - Lit is a simple library for building fast, lightweight web components.

Svelte - Cybernetically enhanced web apps

Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

lit-element - LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.

astro - The web framework for content-driven websites. ⭐️ Star to support our work!

inferno - :fire: An extremely fast, React-like JavaScript library for building modern user interfaces

Mithril.js - A JavaScript Framework for Building Brilliant Applications