ficusjs
x-element
ficusjs | x-element | |
---|---|---|
4 | 1 | |
392 | 28 | |
0.0% | - | |
1.2 | 7.2 | |
about 1 year ago | 25 days ago | |
JavaScript | JavaScript | |
MIT License | Apache License 2.0 |
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.
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
x-element
-
FicusJS
The x-element library published by Netflix [1] takes the best features of other web components libraries like Polymer and LitElement, and focuses on a standards based approach, e.g. es6 module loading at runtime, which is done intentionally to avoid a build step.
https://github.com/Netflix/x-element
What are some alternatives?
open-wc - Open Web Components: guides, tools and libraries for developing web components.
htm - Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
React - The library for web and native user interfaces.
vim-jsx-pretty - :flashlight: [Vim script] JSX and TSX syntax pretty highlighting for vim.
services-as-dom-elements
web3-sign-msg - web3-sign-msg is a modern web component built with ficusjs to sign messages with your eth private key in Metamask
ficusjs-renderers - Minified ES module renderers for FicusJS
soci-frontend - [Moved to: https://github.com/jjcm/nonio-frontend]
ficusjs-compiled-templates - Compile JSX tagged template literals with snowpack and babel
community-protocols - Cross-component coordination protocols
es-module-devserver - Simple static server middleware with ES Module path resolution | now on https://codeberg.org/valpackett/es-module-devserver