awesome-jsx

⚡ 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
  • Official Resources
  • Community Resources
• Integrations
  • React-like JSX-First libraries
  • JSX supported libraries other than react
  • Other JSX based libraries
• Dev Tools
  • Editors/IDE
  • Runtimes
  • Transformations

Resources

Official Resources

• JSX
• Introducing JSX
• JSX In Depth
• Writing Markup with JSX
• JavaScript in JSX with Curly Braces

Community Resources

• JSX (JavaScript) - Wikipedia
• Typescript: Documentation - JSX
• Build your own React
• Using JSX for your own lightweight declarative UI library
• Demystifying JSX: building your own JSX parser from scratch
• How to Build Your Own Version of React From Scratch

Integrations

React-like JSX-First libraries

• Preact
  • Fresh
• Solid.js
• Inferno
• Nano JSX
• Crank.js
• Rax

JSX supported libraries other than react

• Vue.js
• Lume
• Mithril.js
• Cycle.js
• Hyperapp
• Motif
• Lit

Other JSX based libraries

• Motion Canvas
• Vidact
• MobX JSX
• dom-chef
• jsx-dom

Dev Tools

Editors/IDE

• Visual Studio Code
• Sublime Text - Built-in JSX support starting in 4.0

Runtimes

• bun

Transformations

• @babel/plugin-syntax-jsx
• vite - Built-in Support
• swc - Built-in support but only affects React.