JavaScript JSX

Open-source JavaScript projects categorized as JSX

JSX is an embeddable XML-like syntax. It is meant to be transformed into valid JavaScript, though the semantics of that transformation. JSX is an XML-like syntax extension to ECMAScript without any defined semantics. It's NOT intended to be implemented by engines or browsers.

Edit details
React JavaScript CSS ReactJS web-development
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

Top 23 JavaScript JSX Projects

JSX

  • prettier

    Prettier is an opinionated code formatter.

    Project mention: TypeScript: a new Frontier for Error Management | dev.to | 2024-10-08

  • SaaSHub

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

    SaaSHub logo

  • Preact

    ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

    Project mention: Build Web Apps Absurdly Fast with Vite | dev.to | 2024-09-13

    This command creates a new Vite project with React. Feel free to replace “react” with “vue” or “vanilla” if that’s more your jam. Svelte, Preact, Qwik, and others are supported, too!

  • mdx

    Markdown for the component era

    Project mention: This Next.js blog template is awesome. | dev.to | 2024-10-11

    MDX - write JSX in markdown documents!

  • inferno

    :fire: An extremely fast, React-like JavaScript library for building modern user interfaces

    Project mention: Inferno 8.2.3 Released! | /r/infernojs | 2023-12-11

    FormEvent event.target has been explicitly defined for this event type c337fdd

  • htm

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

    Project mention: I've been writing web backends and frontends since the 90s. Finally: declarative, dynamic markup done right | dev.to | 2024-06-05

    Because AI-UI is a JavaScript module, you specify the layout as a series of function calls. However, it also fully supports JSX and htm, so you can use a more familiar markup at the cost of the loss of some type safety. There's more about these choices in the AI-UI guide here.

  • styled-jsx

    Full CSS support for JSX without compromises

    Project mention: 30+ CSS libraries and frameworks help you style your applications efficiently. | dev.to | 2024-08-12

    Styled JSX Styled JSX is a full, scoped, and component-friendly CSS support library for JSX (and therefore React). It allows for scoped styles in Next.js applications and beyond.

  • react-rails

    Integrate React.js with Rails views and controllers, the asset pipeline, or webpacker.

    Project mention: React + Ruby on Rails without any gems | dev.to | 2024-06-04

    One is to add a gem: react-rails or react_on_rails for example. But there is a way to have a simple integration without using these gems.

  • didact

    A DIY guide to build your own React

    Project mention: Build your own React (2019) | news.ycombinator.com | 2024-07-08

  • nerv

    A blazing fast React alternative, compatible with IE8 and React 16. (by NervJS)

  • dependency-cruiser

    Validate and visualize dependencies. Your rules. JavaScript, TypeScript, CoffeeScript. ES6, CommonJS, AMD.

  • blocks

    A JSX-based page builder for creating beautiful websites without writing code

  • eslint-plugin-jsx-a11y

    Static AST checker for a11y rules on JSX elements.

    Project mention: Getting started with React by building a Pokemon search application | dev.to | 2024-05-11

    > [email protected] build > react-scripts build Creating an optimized production build... Compiled with warnings. [eslint] src/App.js Line 64:15: The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/HEAD/docs/rules/anchor-is-valid.md jsx-a11y/anchor-is-valid Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. File sizes after gzip: 58.34 kB (-1 B) build/static/js/main.b3bd969c.js 1.78 kB build/static/js/453.bd7a2879.chunk.js 677 B build/static/css/main.af098727.css The project was built assuming it is hosted at /. You can control this with the homepage field in your package.json. The build folder is ready to be deployed. You may serve it with a static server: serve -s build Find out more about deployment here: https://cra.link/deployment

  • html-to-react-components

    Converts HTML pages into React components

  • jsx-control-statements

    Neater If and For for React JSX

  • GDLauncher

    GDLauncher is a simple, yet powerful Minecraft custom launcher with a strong focus on the user experience

  • atomico

    Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.

  • prettier-plugin-organize-imports

    Make Prettier organize your imports using the TypeScript language service API.

  • vhtml

    Render JSX/Hyperscript to HTML strings, without VDOM 🌈

    Project mention: Please Stop Reinventing JSX | news.ycombinator.com | 2024-07-30

    If you like JSX as a templating language and you want to generate simple html strings then just use vhtml [1]. If you want something a little more powerful then hono/jsx is a decent choice [2].

    [1] https://github.com/developit/vhtml

    [2] https://hono.dev/docs/guides/jsx

  • react-multistep

    React multistep wizard component

  • xdm

    Just a *really* good MDX compiler. No runtime. With esbuild, Rollup, and webpack plugins (by wooorm)

  • react-scanner

    Extract React components and props usage from code.

  • sugar-high

    ✏️ Super lightweight JSX syntax highlighter, around 1KB after minified and gzipped

  • dukpy

    Simple JavaScript interpreter for Python

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript JSX discussion

Log in or Post with

JavaScript JSX related posts

  • MDX with Translations 🐠

    1 project | dev.to | 3 Sep 2024

  • Please Stop Reinventing JSX

    3 projects | news.ycombinator.com | 30 Jul 2024

  • Show HN: A JavaScript library for imperative JSX

    6 projects | news.ycombinator.com | 6 Jul 2024

  • Build your own React (2019)

    1 project | news.ycombinator.com | 8 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

  • Tailwind Handbook - Part II

    1 project | dev.to | 27 Apr 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 12 Oct 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

What are some of the best open-source JSX projects in JavaScript? This list will help you:

Project Stars
1 prettier 49,220
2 Preact 36,676
3 mdx 17,526
4 inferno 16,076
5 htm 8,688
6 styled-jsx 7,697
7 react-rails 6,745
8 didact 6,240
9 nerv 5,423
10 dependency-cruiser 5,203
11 blocks 4,960
12 eslint-plugin-jsx-a11y 3,392
13 html-to-react-components 2,131
14 jsx-control-statements 1,618
15 GDLauncher 1,214
16 atomico 1,171
17 prettier-plugin-organize-imports 1,052
18 vhtml 782
19 react-multistep 654
20 xdm 593
21 react-scanner 577
22 sugar-high 535
23 dukpy 479

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com