State of JSX in JavaScript Frameworks

This page summarizes the projects mentioned and recommended in the original post on dev.to

CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  1. htm

    Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.

    Our sweet little React wannabe actively publicizes itself as an alternative to React, no wonder it has perfect support for JSX as well. But if you want, you can also go the lit way.

  2. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  3. language-tools

    The Svelte Language Server, and official extensions which use it (by sveltejs)

    However, the Svelte Language Tools does leverage JSX for type checking via svelte2tsx.

  4. jsx-vue2

    monorepo for Babel / Vue JSX related packages

    Even though templates (or let’s say, SFC) is the dominant way to author Vue components, decent JSX support is also provided for both Vue 2 and Vue 3.

  5. babel-plugin-jsx

    JSX for Vue 3

    Even though templates (or let’s say, SFC) is the dominant way to author Vue components, decent JSX support is also provided for both Vue 2 and Vue 3.

  6. volar

    Discontinued ⚡ Explore high-performance tooling for Vue [Moved to: https://github.com/vuejs/language-tools]

    Worth mentioning, Volar, the Vue extension for VSCode, implements type checking as JSX just like Svelte.

  7. vite-plugin-solid

    A simple integration to run solid-js with vite

    However, bear in mind the preferred vite-plugin-solid uses Babel same as Vue JSX.

  8. mobx-jsx

    Raw MobX performance without being restrained by a Virtual DOM

    Sure, you can use JSX without a framework! Be it MobX JSX, dom-chef or jsx-dom, it should feel right at home.

  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  10. dom-chef

    🍔 Build DOM elements using JSX automatically

    Sure, you can use JSX without a framework! Be it MobX JSX, dom-chef or jsx-dom, it should feel right at home.

  11. jsx-dom

    Use JSX to create DOM elements.

    Sure, you can use JSX without a framework! Be it MobX JSX, dom-chef or jsx-dom, it should feel right at home.

  12. rfcs

    RFCs for substantial changes / feature additions to Vue core (by vuejs)

    Other benefits of JSX include builtin editor support (instead of needing plugins like Volar), first-class type checking support (instead of needing workarounds like vue-tsc), and better support for generic components. These are trade-offs template DSLs make for ergonomic developing experience.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Mastering Ruby Code Navigation: Ruby LSP Enhancements in the First Half of 2024

    2 projects | news.ycombinator.com | 27 Jul 2024
  • I've been writing web backends and frontends since the 90s. Finally: declarative, dynamic markup done right

    2 projects | dev.to | 5 Jun 2024
  • Ask HN: How do you use React as a library in 2024?

    1 project | news.ycombinator.com | 10 May 2024
  • How do I confirm if my haskell language server is working properly?

    1 project | /r/haskell | 7 Dec 2023
  • React SSR web-server from scratch

    2 projects | dev.to | 21 Nov 2023