Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
htm
Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
This example uses the @ficusjs/renderers package which provides a browser-ready ES module using the htm library.
Clone this Snowpack starter to see it in action - https://github.com/ficusjs/ficusjs-snowpack-starter
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.
The babel-plugin-htm Babel plugin compiles tagged template literals using htm to hyperscript. This is the same process React/Preact use in transpiling JSX for production.
Clone this Snowpack starter to see JSX transpilation in action - https://github.com/ficusjs/ficusjs-compiled-templates
Syntax highlighting and language support via the lit-html VSCode extension and vim-jsx-pretty plugin