All Projects → thysultan → jsx.js

thysultan / jsx.js

Licence: MIT license
small and extendable jsx transpiler

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to jsx.js

recks
🐶 React-like RxJS-based framework
Stars: ✭ 133 (+600%)
Mutual labels:  jsx
joltik
A really small VDOM library
Stars: ✭ 40 (+110.53%)
Mutual labels:  jsx
gutenberg-workshop
⚒️ A Gutenberg Workshop 🅱️
Stars: ✭ 21 (+10.53%)
Mutual labels:  jsx
schwalbe
"Transpiler" from the Schwalbe Programming Language to Swift
Stars: ✭ 28 (+47.37%)
Mutual labels:  transpiler
aoife
使用 jsx 开发 native-js 程序, 每个组建都是一个原始的 HTMLElment,可以和所有原生 js 库很好的兼容使用。
Stars: ✭ 60 (+215.79%)
Mutual labels:  jsx
x
The Jule programming language
Stars: ✭ 35 (+84.21%)
Mutual labels:  transpiler
keystone-with-react-engine
KeystoneJS CMS with React Engine as rendering engine, so we can render backend .jsx templates
Stars: ✭ 17 (-10.53%)
Mutual labels:  jsx
natsu-clr
il2cpp transpiler and runtime compatible with .Net Core
Stars: ✭ 76 (+300%)
Mutual labels:  transpiler
deqaf
Decaffeinate CSS stylesheets client-side
Stars: ✭ 30 (+57.89%)
Mutual labels:  transpiler
esp32-transpiler
Transpile Golang into Arduino code to use fully automated testing at your IoT projects.
Stars: ✭ 53 (+178.95%)
Mutual labels:  transpiler
md-editor-v3
Markdown editor for vue3, developed in jsx and typescript, dark theme、beautify content by prettier、render articles directly、paste or clip the picture and upload it...
Stars: ✭ 326 (+1615.79%)
Mutual labels:  jsx
next-api-og-image
Easy way to generate open-graph images dynamically in HTML or React using Next.js API Routes. Suitable for serverless environment.
Stars: ✭ 179 (+842.11%)
Mutual labels:  jsx
cassidy
Cassidy programming language, bringing static typing, strictness, safety and precision into your web project
Stars: ✭ 25 (+31.58%)
Mutual labels:  transpiler
trad
A JavaScript-like and C based language for building user interfaces.
Stars: ✭ 91 (+378.95%)
Mutual labels:  jsx
gatsby-reactstrap
Adding Bootstrap 4 to an Gatsby React App and serve generated the static site with Express.js
Stars: ✭ 25 (+31.58%)
Mutual labels:  jsx
lua-in-js
A Lua to JS transpiler / runtime
Stars: ✭ 37 (+94.74%)
Mutual labels:  transpiler
Sweet.apex
Next Generation of Apex Development
Stars: ✭ 43 (+126.32%)
Mutual labels:  transpiler
coro-scratch
A Scratch to Python transpiler that makes extensive use of coroutines
Stars: ✭ 22 (+15.79%)
Mutual labels:  transpiler
hsx
Static HTML sites with JSX and webpack (no React).
Stars: ✭ 15 (-21.05%)
Mutual labels:  jsx
cito
Ć programming language. Translated automatically to C, C++, C#, Java, JavaScript, Python, Swift, TypeScript and OpenCL C.
Stars: ✭ 1,372 (+7121.05%)
Mutual labels:  transpiler

jsx.js

a light and extendable jsx compiler.

  • ~3kb minified
  • ~1.5kb minified + gzipped

API

jsx(
	str, {string}
	extend: {(Object<string, function>|string)}
);

This method recieves a string and optional extend object/string that is used to create a custom mapping for the javascript output, for example...

jsx(str, {
	text: function (children) {
	 	// return string
	},
	element: function (type, props, children) {
	 	// return string
	},
	component: function (type, props, children) {
		// return string
	}
	props: function (props, node) {
		// return string
	}
	node: function (node) {
		// return string
	}
});

jsx(str, 'React.createElement');

If the input string has a pragma comment, for example/* @jsx h */ it will use that for the output mapping, if no pragma comment/custom mapping has been specicifed it defaults to hyperscript h(...).

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].