haunted
sushi-element
haunted | sushi-element | |
---|---|---|
5 | 1 | |
2,580 | 32 | |
- | - | |
0.0 | 5.8 | |
12 months ago | about 3 years ago | |
TypeScript | JavaScript | |
BSD 2-clause "Simplified" License | MIT License |
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.
haunted
-
The benefits of Web Component Libraries
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.
-
2021 Week 33, Hungry Ghost edition. Ghost-themed OSS and optical illusion.
Haunted on GitHub: github.com/matthewp/haunted
-
The Next Evolution of GraphQL Front Ends
Atomico and Haunted, to add the useController hook which underlies useQuery and co.
-
Why LitElement isn't as good as React
** WCs don't have to be classes. See matthewp/haunted which uses hooks like React. But that library is not a mixin or wrapper around lit-element; it would replace lit-element. It does use lit-html though.
-
Sushi Element: an expressive way to create web components
I think the distaste many folks have for web components stems from a simple misunderstanding. The APIs collectively know as "web components" weren't intended to replace your favorite framework. As with most things that become part of the standard, these are lower level APIs that will be supported for a long, long time. They were given to us with the hope that we'd build great tools around them, which we have with Stencil, lit-element, hybrids, Haunted, and so many more.
sushi-element
-
Sushi Element: an expressive way to create web components
The result is an experimental library I'm calling Sushi Element.
What are some alternatives?
hooks - A high-quality & reliable React Hooks library.
shoelace-css - A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME 👇👇👇
lit-analyzer - Monorepository for tools that analyze lit-html templates
graphql-typed-document-node - An improved version of `DocumentNode` for seamless TypeScript integration for GraphQL.
hybrids - Extraordinary JavaScript UI framework with unique declarative and functional architecture
rocket - The modern web setup for static sites with a sprinkle of JavaScript
stampino - A composable DOM template system
hooks - utility kit for use with Atomico
jexpr - A simple expression parser and evaluator for JavaScript
lwc - ⚡️ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation
lit - Lit is a simple library for building fast, lightweight web components.