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.

Top 23 JavaScript JSX Projects

  • prettier

    Prettier is an opinionated code formatter.

    Project mention: How I go with react native in late 2022 | dev.to | 2022-11-27

    my version control tool is git and github is the platform that my source code lives on. there are some other tools like eslint (for linting and setting some rules), prettier (for having the same code style between different editors and IDEs), husky (for managing git hooks)

  • Preact

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

    Project mention: Tools for analyzing the meta: build play rate, build win rate and build trees | reddit.com/r/starcraft | 2022-11-19

    Preact with React compatibility for a smaller bundle size in production

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • inferno

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

    Project mention: Current stats show that React is still by far the most popular and beloved front-end framework | reddit.com/r/javascript | 2022-06-22

    Inferno (~6 years old) uses a VDOM, just like React, but it completely smokes React in benchmarks

  • mdx

    Markdown for the component era

    Project mention: Migrating my website from Gatsby to Astro | dev.to | 2022-11-25

    Since I was going to write blog posts using MDX, needed good SEO, along with PWA (why not) and with the above mentioned stack, I needed a lot of plugins and by lot I mean A LOT.

  • htm

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

    Project mention: Anyone have multiple language syntax highlighting with treesitter working? | reddit.com/r/emacs | 2022-10-13
  • styled-jsx

    Full CSS support for JSX without compromises

    Project mention: Is there anything like Astro's CSS for vanilla React or Next? | reddit.com/r/reactjs | 2022-09-28
  • react-rails

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

    Project mention: React-Rails is a flexible tool to use React with Rails | reddit.com/r/rails | 2022-10-27
  • Zigi

    Close all those tabs. Zigi will handle your updates.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.

  • nerv

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

  • blocks

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

    Project mention: Ask HN: Best open source page builder? | news.ycombinator.com | 2022-05-28

    I'd like to build a minimal dnd page builder in Javascript. Can anyone recommend an actively maintained WYSIWYG page builder project?

    https://github.com/blocks/blocks looks good but it's fairly out-dated. Before contributing to blocks I wonder if there's something more up to date?

  • dependency-cruiser

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

    Project mention: Best Practices for TypeScript Monorepo | news.ycombinator.com | 2022-08-25

    Dependency Cruiser works great, can even render visuals:

    https://github.com/sverweij/dependency-cruiser

    NX[0] also has logic for handling this issue

    [0]: https://nx.dev/

  • eslint-plugin-jsx-a11y

    Static AST checker for a11y rules on JSX elements.

    Project mention: Newbie question about ARIA/ADA Compliance | reddit.com/r/webdev | 2022-10-10

    When using react, I've been using the recommended rules from eslint-plugin-jsx-a11y. Am I naive for relying a lot on that to get a11y right? Of course I try to write semantic html too and do research for each topic, but it's a bit overwhelming and I feel like the eslint rules help me a lot.

  • html-to-react-components

    Converts HTML pages into React components

  • jsx-control-statements

    Neater If and For for React JSX

    Project mention: Advice on JSX Conditionals | news.ycombinator.com | 2022-03-09

    Thanks, this is really useful.

    I’ve been using this Babel plug-in found it quite intuitive

    https://github.com/AlexGilleran/jsx-control-statements

  • GDLauncher

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

    Project mention: Weird stuff after an install failure | reddit.com/r/Minecraft | 2022-10-31

    Maybe give a different launcher a try, I use GDLauncher to run modpacks

  • atomico

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

    Project mention: Types, autocompletion, and more for Webcomponents! | dev.to | 2022-01-05

    Github

  • vhtml

    Render JSX/Hyperscript to HTML strings, without VDOM 🌈

    Project mention: What are the most popular view engines for express.js today? | reddit.com/r/node | 2022-08-06

    I just wonder if there's a significant performance impact, but as you said preact or even something simpler that supports JSX, like https://github.com/developit/vhtml could be used to speed it up

  • xdm

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

  • react-multistep

    React multistep wizard component

  • prettier-plugin-organize-imports

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

  • react-scanner

    Extract React components and props usage from code.

    Project mention: Awesome React Resources | dev.to | 2021-12-04

    react-scanner - Extract React components and props usage from code

  • adobe-discord-rpc

    Discord Rich Presence extension for your adobe apps!

  • dukpy

    Simple JavaScript interpreter for Python

    Project mention: YouTube-dl has a JavaScript interpreter written in 870 lines of Python | news.ycombinator.com | 2022-09-10
  • react-sigmajs

    Lightweight React library for drawing network graphs built on top of SigmaJS

    Project mention: React Chart - Display data in charts | dev.to | 2021-12-08

    react-sigmajs - Lightweight but powerful library for drawing network graphs built on top of SigmaJS.

  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

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). The latest post mention was on 2022-11-27.

JavaScript JSX related posts

Index

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

Project Stars
1 prettier 44,335
2 Preact 33,348
3 inferno 15,592
4 mdx 14,221
5 htm 7,968
6 styled-jsx 7,262
7 react-rails 6,558
8 nerv 5,439
9 blocks 4,570
10 dependency-cruiser 3,346
11 eslint-plugin-jsx-a11y 2,982
12 html-to-react-components 2,072
13 jsx-control-statements 1,570
14 GDLauncher 936
15 atomico 885
16 vhtml 656
17 xdm 579
18 react-multistep 549
19 prettier-plugin-organize-imports 528
20 react-scanner 442
21 adobe-discord-rpc 376
22 dukpy 352
23 react-sigmajs 243
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.
www.influxdata.com