ficusjs
create-ficus-app
ficusjs | create-ficus-app | |
---|---|---|
4 | 2 | |
392 | 5 | |
0.0% | - | |
1.2 | 0.0 | |
about 1 year ago | about 1 year ago | |
JavaScript | JavaScript | |
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.
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
create-ficus-app
-
Rocket and web components
Rocket is a tool used for creating web pages and it is fabulous for generating static content starting from markdown files. One of the cool thing about Rocket is the fact that web components and javascript can be used inside the markdown files. Creating a project with Rocket is quite straightforward, you can take a look at the documentation or if you like to learn by looking at examples, you can find good ones in the Rocket’s GitHub repository . This guide is created for getting you started with Rocket and FicusJS. FicusJS is a set of lightweight functions for developing applications using web components. Using the Create Ficus App CLI you can quickly scaffold a project that contains a basic structure for working with Rocket and FicusJS. The project will contain:
-
11ty and web components, an awesome combination
The tool we are going to use creates a starter project quickly and easily using 11ty and FicusJS. The tool of choice is Create Ficus App. It is a simple tool that makes creating new projects quick and easy.
What are some alternatives?
open-wc - Open Web Components: guides, tools and libraries for developing web components.
rocket - The modern web setup for static sites with a sprinkle of JavaScript
React - The library for web and native user interfaces.
vite - Next generation frontend tooling. It's fast!
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
htm - Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
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