Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/composite/awesome-jsx
⚡ A curated list of awesome JSX ecosystem and resources
https://github.com/composite/awesome-jsx
List: awesome-jsx
Last synced: 16 days ago
JSON representation
⚡ A curated list of awesome JSX ecosystem and resources
- Host: GitHub
- URL: https://github.com/composite/awesome-jsx
- Owner: composite
- License: cc0-1.0
- Created: 2023-05-30T03:39:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-31T05:00:30.000Z (over 1 year ago)
- Last Synced: 2024-04-17T05:47:00.087Z (8 months ago)
- Size: 9.77 KB
- Stars: 11
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- ultimate-awesome - awesome-jsx - ⚡ A curated list of awesome JSX ecosystem and resources. (Other Lists / Monkey C Lists)
README
# awesome-jsx [](https://github.com/sindresorhus/awesome)
⚡ A curated list of awesome JSX ecosystem and resources.
JSX is an XML-like syntax extension to ECMAScript without any defined semantics. It's NOT intended to be implemented by engines or browsers. It's NOT a proposal to incorporate JSX into the ECMAScript spec itself. It's intended to be used by various preprocessors (transpilers) to transform these tokens into standard ECMAScript.
## Contents
- [Resources](#resources)
- [Official Resources](#official-resources)
- [Community Resources](#community-resources)
- [Integrations](#integrations)
- [React-like JSX-First libraries](#react-like-jsx-first-libraries)
- [JSX supported libraries other than react](#jsx-supported-libraries-other-than-react)
- [Other JSX based libraries](#other-jsx-based-libraries)
- [Dev Tools](#dev-tools)
- [Editors/IDE](#editorside)
- [Runtimes](#runtimes)
- [Transformations](#transformations)
## Resources
### Official Resources
- [JSX](https://facebook.github.io/jsx/)
- [Introducing JSX](https://legacy.reactjs.org/docs/introducing-jsx.html)
- [JSX In Depth](https://legacy.reactjs.org/docs/jsx-in-depth.html)
- [Writing Markup with JSX](https://react.dev/learn/writing-markup-with-jsx)
- [JavaScript in JSX with Curly Braces](https://react.dev/learn/javascript-in-jsx-with-curly-braces)
### Community Resources
- [JSX (JavaScript) - Wikipedia](https://en.wikipedia.org/wiki/JSX_(JavaScript))
- [Typescript: Documentation - JSX](https://www.typescriptlang.org/docs/handbook/jsx.html)
- [Build your own React](https://pomb.us/build-your-own-react/)
- [Using JSX for your own lightweight declarative UI library](https://blog.variant.no/using-jsx-for-your-own-lightweight-declarative-ui-library-a773d3796475)
- [Demystifying JSX: building your own JSX parser from scratch](https://blog.bitsrc.io/demystifying-jsx-building-your-own-jsx-parser-from-scratch-caecf58d7cbd)
- [How to Build Your Own Version of React From Scratch](https://andela.com/insights/building-your-own-version-of-react-from-scratch-part-1/)
## Integrations
### React-like JSX-First libraries
- [Preact](https://preactjs.com/)
- [Fresh](https://fresh.deno.dev/)
- [Solid.js](https://www.solidjs.com/)
- [Inferno](https://www.infernojs.org/)
- [Nano JSX](https://nanojsx.io/)
- [Crank.js](https://crank.js.org/)
- [Rax](https://rax.js.org/)
### JSX supported libraries other than react
- [Vue.js](https://vuejs.org/guide/extras/render-function.html)
- [Lume](https://lume.land/plugins/jsx/)
- [Mithril.js](https://mithril.js.org/jsx.html)
- [Cycle.js](https://cycle.js.org/getting-started.html#getting-started-coding-consider-jsx)
- [Hyperapp](https://github.com/jorgebucaran/hyperapp)
- [Motif](https://motif.land/docs/basics/jsx)
- [Lit](https://lit.dev/docs/tools/adding-lit/#jsx)
### Other JSX based libraries
- [Motion Canvas](https://motioncanvas.io/)
- [Vidact](https://mohebifar.github.io/vidact/)
- [MobX JSX](https://github.com/ryansolid/mobx-jsx)
- [dom-chef](https://github.com/vadimdemedes/dom-chef)
- [jsx-dom](https://github.com/alex-kinokon/jsx-dom)
## Dev Tools
### Editors/IDE
- [Visual Studio Code](https://code.visualstudio.com/)
- [Sublime Text](https://www.sublimetext.com/) - Built-in JSX support starting in 4.0
### Runtimes
- [bun](https://bun.sh/)
### Transformations
- [@babel/plugin-syntax-jsx](https://babeljs.io/docs/babel-plugin-syntax-jsx)
- [vite](https://vitejs.dev/guide/features.html#jsx) - Built-in Support
- [swc](https://swc.rs/docs/configuration/compilation#jscparser) - Built-in support **but only affects React**.