React VS lit-element

Compare React vs lit-element and see what are their differences.

React

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

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. (by Polymer)
Our great sponsors
  • Scout APM - A developer's best friend. Try free for 14-days
  • Nanos - Run Linux Software Faster and Safer than Linux with Unikernels
  • SaaSHub - Software Alternatives and Reviews
React lit-element
525 8
178,412 4,484
0.9% 0.1%
9.8 5.4
6 days ago about 1 month ago
JavaScript TypeScript
MIT License BSD 3-clause "New" or "Revised" 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.

React

Posts with mentions or reviews of React. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-12-05.
  • How do you track the fanfics you read?
    6 projects | reddit.com/r/HPfanfiction | 5 Dec 2021
    React.js for the overall design,
  • Awesome React Resources
    34 projects | dev.to | 4 Dec 2021
    React GitHub
    34 projects | dev.to | 4 Dec 2021
    React Official Website
  • Deploy a Vue/React app to GH Pages
    10 projects | dev.to | 3 Dec 2021
    Vue is intended to be more beginner-friendly (I agree it is) and the vue repo has more GH stars than the react repo, if that is any indication of adoption by the community.
  • 🧶 Implicit CLSX in React
    6 projects | dev.to | 1 Dec 2021
    Using clsx or classnames in React lately has become a trend with utility-first CSS frameworks like Tailwind CSS, where you have to write a lot of classes, and sometimes also with conditionals.
  • CPU Usage
    1 project | reddit.com/r/bugs | 1 Dec 2021
    b/c it continuously rebuilds itself on every fart of a user, thanks to https://github.com/facebook/react/
  • Best Frontend Web Frameworks in 2021
    6 projects | dev.to | 1 Dec 2021
    React is a frontend open-source JavaScript library used to create interactive UIs (User Interfaces), which helps improve the speed of applications. It is one of the most straightforward frameworks to learn and was developed by Facebook to resolve the code maintainability issues due to constant addition and improvements. Facebook and other individual front-end engineers still maintain it. ‍
  • Skill and Knowledge Sharing – Creating Community with Arisa Fukuzaki
    3 projects | dev.to | 1 Dec 2021
    At the same time, I also was working for my friend who lived in Hiroshima because I'm from Hiroshima. So I developed, I would say web application. Because from her request, she wanted to have a web project as well as this web project to have the real-time chat feature. So I was integrating Firebase as BaaS, Backend-as-a-Service. And the front-end side was...at the time; I couldn't do React [laughs] because that was my first project, and I had just started to study. So I used the simple Vanilla JavaScript. So those two were working at the same time, so I would count these two as my first project.
  • Top 7 React Developer Tools to Use in 2021 [With Bonus!]
    5 projects | reddit.com/r/u_WrapPixel9 | 1 Dec 2021
    And that was it! We hope these tools will help you in your upcoming React projects. Keep on exploring the vast ecosystem React provides by keeping a tab on their official website.
  • What are some issues with using React/Redux?
    6 projects | reddit.com/r/reactjs | 30 Nov 2021
    Like on reacts home page it literally says its "A JavaScript library for building user interfaces" where as things like next.js etc. are considered frameworks due to having a extra features built in which would give you a good set of rules to stick to instead of having to go off and retrospectively pick these things to give you these common features of web apps.

lit-element

Posts with mentions or reviews of lit-element. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-07-29.
  • GraphQL - Diving Deep
    47 projects | dev.to | 29 Jul 2021
    Using vanilla JS or TS or using web components and want to have a framework-independent way of doing things? You can stick to the GraphQL codegen itself since it takes care of almost everything underneath. Or if you want, you can also use Apollo Client’s vanilla version @apollo/client/core. Apollo Elements does come with support for a lot of webcomponent libraries like Lit, Fast and Gluon or even without any of it and hence is quite flexible.
  • 17 Best Web Development Frameworks For 2021
    16 projects | dev.to | 2 Jul 2021
    The LitElement framework is easy to use as a base class to create lightweight and faster web components for working with any framework. LitElement is yet another one of the top web development frameworks among developers for using lit-html for rendering into shadow DOM. It also adds API for managing attributes and properties. Let’s find out whether the framework is good enough for your project.
  • How to Implement an Event Bus in TypeScript
    1 project | dev.to | 16 Jun 2021
    When you're working with Web Components through LitElement, it's usual firing events for sending messages between them. You can use either Standard or Custom events.
  • A Technology Radar Volume 24 summary
    10 projects | reddit.com/r/webdev | 25 Apr 2021
    🔸lit-element - a simple base class for creating fast, lightweight web components;
  • Lit - New framework from Google
    3 projects | reddit.com/r/javascript | 21 Apr 2021
    Isn't this just Polymer Lit Elements rebranded? https://github.com/Polymer/lit-element
  • React-like components without react?
    6 projects | reddit.com/r/webdev | 15 Apr 2021
    Web components are a good start, but it is better to use LitElement to build them in that case, instead of using it directly.
  • I made a Vue 3 inspired library powered by WebComponents using @vue/reactivity
    2 projects | reddit.com/r/javascript | 3 Jan 2021
    Other frameworks which are using the same principle are [lit-element](https://github.com/Polymer/lit-element) and [heresy](https://github.com/WebReflection/heresy). there are surely more but these are ones i've found when looking for inspiration.
  • Using tailwind at build-time with lit-element
    8 projects | dev.to | 29 Dec 2020
    Using a lit-element component:

What are some alternatives?

When comparing React and lit-element you can also consider the following projects:

Svelte - Cybernetically enhanced web apps

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

Vue.js - 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

SvelteKit - The fastest way to build Svelte apps

Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

AngularJS - AngularJS - HTML enhanced for web apps!

Aurelia 1 - The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia.

awesome-blazor - Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

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

PostCSS - Transforming styles with JS plugins

vite - Next generation frontend tooling. It's fast!