Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →
Top 10 TypeScript lit-html Projects
-
Project mention: Is it OK to build full stack web app entirely in Go? | reddit.com/r/golang | 2023-05-22
lit for creating components that can be reused in other projects (components can be reactive).
-
wired-elements
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Web component browser APIs aren't that many, and not that hard to grasp (if you don't know about them, have a look at Google's Learn HTML section and MDN's Web Components guide); but creating a web component actually requires taking care of many small things. This is where web component libraries come in very handy, freeing us of having to think about some of those things by taking care of them for us. Most of the things I'll mention here are handled one way of another by other libraries (GitHub's Catalyst, Haunted, Hybrids, Salesforce's LWC, Slim.JS, Ionic's Stencil) but I'll focus on Google's Lit and Microsoft's FAST here as they probably are the most used web component libraries out there (ok, I lied, Lit definitely is, FAST not that much, far behind Lit and Stencil; but Lit and FAST have many things in common, starting with the fact that they are just native web components, contrary to Stencil that compiles to a web component). Both Lit and FAST leverage TypeScript decorators to simplify the code even further so I'll use that in examples, even though they can also be used in pure JS (decorators are coming to JS soon BTW). I'll also leave the most apparent yet most complex aspect for the end.
-
happy-dom
Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML.
Project mention: A question on testing a <select> element with Vitest / vue-test-utils | reddit.com/r/vuejs | 2023-01-16https://github.com/capricorn86/happy-dom/issues/618. Looks like some work was merged recently.
-
-
-
take a look at this starter project from IBM for an entire site pwa that is seo friendly and built with Lit. I've used this as a guide on a few projects and it has been great. Also take a look at this component library that is framework agnostic and built with web components.
-
CodiumAI
TestGPT | Generating meaningful tests for busy devs. Get non-trivial tests (and trivial, too!) suggested right inside your IDE, so you can code smart, create more value, and stay confident when you push.
-
lit-translate
A blazing-fast and lightweight internationalization (i18n) library for your next web-based project
-
I use steeze-ui's and I'm really happy with them.
-
TypeScript lit-html related posts
- Hi Everyone! I'm Chris Slowe, CTO @ Reddit! AMA
- Is it possible to build a “framework agnostic” library like tanstack table?
- Reactive WebGPU
- tutorial on creating custom html components?
- A Generalized User-local Container for UI State in Kredis
- Introducing react.dev: the new React docs site!
- The benefits of Web Component Libraries
-
A note from our sponsor - Sonar
www.sonarsource.com | 31 May 2023
Index
What are some of the best open-source lit-html projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | lit | 14,659 |
2 | wired-elements | 9,386 |
3 | haunted | 2,505 |
4 | happy-dom | 1,978 |
5 | apollo-elements | 391 |
6 | kor | 234 |
7 | pwa-lit-template | 161 |
8 | lit-translate | 131 |
9 | icons | 121 |
10 | Ovee.js | 14 |