ficusjs
Our great sponsors
| services-as-dom-elements | ficusjs | |
|---|---|---|
| 2 | 4 | |
| - | 392 | |
| - | 0.0% | |
| - | 1.2 | |
| - | about 1 year ago | |
| JavaScript | ||
| - | 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.
services-as-dom-elements
-
We Use Web Components at GitHub
Would love to see why they did not choose lit-element, it was one of the best I tried in a recent experiment of ~5 solutions.
The big thing holding back webcompinents at this point is a data sharing strategy, and I think we could get away with actually using components to store and manage data:
https://www.vadosware.io/post/sade-pattern-services-as-dom-e...
The github repo (which also happens to contain how to write a web component in lit-element, slim.js, tonic, vue, svelte):
https://gitlab.com/mrman/services-as-dom-elements
ficusjs
-
JSX for web components
By default, the FicusJS web component render function expects a DOM element for rendering. The pragma imported from the @ficusjs/renderers/jsx-dom library creates a DOM element for rendering in the component.
-
We Use Web Components at GitHub
- The web component concept is great. Especially for mixing server-side rendering and JavaScript-powered components.
That last one IMO is web components killer feature. I can now wrote a mini component and then I tugg it in with the other 99% of my page that is rendered server side.
It means, I'm able to serve my users quickly. I have SEO'd everything too. Cool!
-1: https://github.com/TimDaub/web3-sign-msg
- 2: https://docs.ficusjs.org/
-3: https://github.com/developit/htm
-
11ty and web components, an awesome combination
This post shows you how to get started using 11ty with FicusJS. FicusJS is a set of lightweight functions for developing applications using web components.
- FicusJS
What are some alternatives?
soci-frontend - [Moved to: https://github.com/jjcm/nonio-frontend]
open-wc - Open Web Components: guides, tools and libraries for developing web components.
Stimulus - A modest JavaScript framework for the HTML you already have
React - The library for web and native user interfaces.
view_component - A framework for building reusable, testable & encapsulated view components in Ruby on Rails.
vim-jsx-pretty - :flashlight: [Vim script] JSX and TSX syntax pretty highlighting for vim.
web3-sign-msg - web3-sign-msg is a modern web component built with ficusjs to sign messages with your eth private key in Metamask
community-protocols - Cross-component coordination protocols
htm - Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
ficusjs-renderers - Minified ES module renderers for FicusJS