github-elements
catalyst
github-elements | catalyst | |
---|---|---|
15 | 8 | |
2,810 | 1,370 | |
0.0% | 0.5% | |
0.0 | 4.6 | |
about 1 year ago | 8 days ago | |
JavaScript | TypeScript | |
MIT 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.
github-elements
-
What are Web Components
GitHub: github-elements
-
What Web Frameworks Solve And How To Do Without Them
Take a look at github's web components: https://github.com/github/github-elements it's similar. There is no library there, it's just a collection of separate components, the only difference there is that their collection is split into different github repositories, I could have done the same, but I chose to put them all into the same github repository.
-
๐งข Stefan's Web Weekly #18
github/github-elements โ GitHub's Web Component collection.
-
We Should Stop Hating Web Components
Github uses a set of custom elements called Github Elements
-
5 Github Elements you have to try
There are lots more elements to take a look at so check the whole repository and examples here.
- GitHub's Web Component collection.
- GitHub's Web Component Collection
catalyst
-
The Invokers Are Coming
Reminds me of GitHub catalyst web component framework, which has targets & actions. https://github.com/github/catalyst
-
Node-Secure v0.9.0
Working on the next Web UI (TypeScript + Catalyst).
-
Introducing: Custom Elements Manifest
Catalyst (opt-in via CLI flag)
-
Why jQuery should be more appreciated
They actually use a web component system, with a library called Catalyst used to make things a bit easier. They aren't simply doing raw DOM manipulation in Vanilla JavaScript, they're using components and what is essentially a fairly lightweight framework.
-
GitHub's Web Component Collection
Personally, I'd really like to see the unmolested, with-dependencies versions[1].
This version is VERY easy to ship and adopt. But in my mind, these components hide how the sausage is made! Many were built with a library (Catalyst[2]), but the tools were obfuscated out in these end products.
There's a huge amount to be said for these web components. We need more models like this. But I also think there's an opportunity lost here, to teach, to inform, to help others learn how to build components, using the tech Github actually used to develop them.
[1] https://news.ycombinator.com/item?id=26439167
[2] https://github.com/github/catalyst
- new @attr decorator for class fields | Github/Catalyst#103
-
Getting Up & Running with GitHub Catalyst
GitHub Catalyst is a library that makes it easier to develop Web Components.
-
Project Lightspeed: A self-contained, sub-second, open source live stream platform
The only real escape is using something like /r/webcomponents. I did some playing around with Github's new Catalyst framework over the holidays, quite enjoyed it. But you'd be one of the only people on the planet using it. Stick with whatever works for you.
What are some alternatives?
relative-time-element - Web component extensions to the standard <time> element.
stencil - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
git-quick-stats - โโ โโโ Git quick statistics is a simple and efficient way to access various statistics in git repository.
custom-elements-manifest - A file format for describing custom elements
file-attachment-element - Attach files via drag and drop or file input.
cli - JavaScript security CLI that allow you to deeply analyze the dependency tree of a given package or local Node.js project.
lwc - โก๏ธ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation
auto-check-element - An input element that validates its value with a server endpoint.
clipboard-copy-element - Copy element text content or input values to the clipboard.
webcomponents - Web Components specifications [Moved to: https://github.com/WICG/webcomponents]
text-expander-element - Activates a suggestion menu to expand text snippets as you type.