SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 JavaScript JSX Projects
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
htm
Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
dependency-cruiser
Validate and visualize dependencies. Your rules. JavaScript, TypeScript, CoffeeScript. ES6, CommonJS, AMD.
-
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.
-
xdm
Just a *really* good MDX compiler. No runtime. With esbuild, Rollup, and webpack plugins (by wooorm)
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: Mastering Code Quality: Setting Up ESLint with Standard JS in TypeScript Projects | dev.to | 2024-05-05In this post, I also use ESLint + Standard JS as my code formatting tools. Formatting JS/TS code by using ESLint is also subjective and opinionated, arguably most people would rather use Prettier instead, which provides more configurable options.
In this post, we get to know more about Preact, one of this year's trending libraries. And we'll compare it to React to see which one suits better for our projects.
Semantify was made for content creators, marketers, and anyone looking to enhance their long-form written content. Currently only supporting MDX-based content, It automates the enrichment of MDX blog posts by adding AI-generated Q&A sections that summarize the content, and recommendations for semantically similar posts. This not only makes the content more accessible and engaging but also helps in establishing deeper connections between different posts, ultimately keeping the reader engaged for longer periods.
FormEvent event.target has been explicitly defined for this event type c337fdd
The preact team also dislikes transpiling jsx so they've developed an alternative using tagged template literals: https://github.com/developit/htm
Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25
This post is part of my post series that complements the "Build your own React" tutorial by Rodrigo Pombo.
With dependency-cruiser, you can enforce which imports are allowed. This enables you to create an architecture fitness function that ensures your code continues to adhere to the initial design. You can also visualize your dependencies to gain a clearer understanding of your code's actual structure, allowing you to compare it with your mental model and make improvements where necessary.
I used to use GDLauncher, but I would not recommend installing a launcher that lets issues like this one go by for almost a year without being fixed: https://github.com/gorilla-devs/GDLauncher/issues/1288
> has had any ability to tell me where, how often, or even whether a particular component is in use in the production UI
I built a dashboard to display this for the design system I work on at my day job to give product designers better visibility into this, using a library called react-scanner[0] and some logic related to the way our different product repos are structured. there are probably other libraries for this sort of thing in different ecosystems, and you can always build your own with a parser as well.
[0] https://github.com/moroshko/react-scanner
JavaScript JSX related posts
-
Tailwind Handbook - Part II
-
Preact vs React: A Comparative Guide
-
MDX – use JSX in your Markdown content
-
jQuery v4.0.0 Beta
-
Preact: Lightweight React Alternative
-
Creating a static Next.js 14 Markdown Blog - An Adventure
-
VanJS: A 0.9KB JavaScript UI framework
-
A note from our sponsor - SaaSHub
www.saashub.com | 7 May 2024
Index
What are some of the best open-source JSX projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | prettier | 48,347 |
2 | Preact | 36,062 |
3 | mdx | 16,838 |
4 | inferno | 16,010 |
5 | htm | 8,559 |
6 | styled-jsx | 7,613 |
7 | react-rails | 6,725 |
8 | didact | 6,002 |
9 | nerv | 5,420 |
10 | dependency-cruiser | 4,977 |
11 | blocks | 4,893 |
12 | eslint-plugin-jsx-a11y | 3,326 |
13 | html-to-react-components | 2,124 |
14 | jsx-control-statements | 1,609 |
15 | GDLauncher | 1,162 |
16 | atomico | 1,116 |
17 | prettier-plugin-organize-imports | 967 |
18 | vhtml | 759 |
19 | react-multistep | 645 |
20 | xdm | 589 |
21 | react-scanner | 555 |
22 | sugar-high | 470 |
23 | dukpy | 452 |
Sponsored