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. Learn more →
Top 23 JSX Open-Source Projects
-
Bun has a solution for it. First of all, it already has a list of trusted dependencies. For them, Bun will execute all necessary scripts by default. Otherwise, you can add it to trustedDependecies in your package.json file. In Bun community usage of trustedDependencies is a hot topic. There are several suggestions on how to improve it.
-
What is Prettier 😎?
-
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.
-
Project mention: ⏰ It’s time to talk about Import Map, Micro Frontend, and Nx Monorepo | dev.to | 2024-03-11
The advent of esbuild, the native support for ES Modules in browsers, the widespread adoption of import map, the emergence of tools like Native Federation, and the Nx ecosystem all combine to forge a flexible and well-maintained Micro Frontend Architecture.
-
The official Preact documentation.
-
The reactivity core, which is in https://github.com/solidjs/solid This is where you'll see the reactivity runtime implementation. Take note that Solid's reactivity doesn't rely on compile-time magic
-
Project mention: Container2wasm: Convert Containers to WASM Blobs | news.ycombinator.com | 2024-01-03
-
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.
-
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.
-
FormEvent event.target has been explicitly defined for this event type c337fdd
-
mitosis
Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
Builder.io Mitosis -
-
Project mention: Show HN: Dropflow, a CSS layout engine for node or <canvas> | news.ycombinator.com | 2024-03-21
I've used satori [0] on the backend with TypeScript/Deno to render JSX as an SVG (which is then rendered to a PNG).
Satori is meant for rendering Open Graph images (e.g. the little images that come up when you post a link on Twitter/Slack/Facebook), but I found that it works well for rendering arbitrary images. It supports a subset of modern CSS, including flexbox.
My use case is posting match reports for League of Legends into a Discord text channel, e.g. person X just played a match, here are their stats.
It's quite nice because there are almost zero server-side native dependencies (the one exception is the library to convert svg -> png requires some native libraries).
Here's what a match report looks like: [1]
Here's an example of what the JSX looks like: [2]
[0]: https://github.com/vercel/satori
[1]: https://github.com/shepherdjerred/glitter/blob/main/assets/p...
[2]: https://github.com/shepherdjerred/glitter/blob/main/packages...
-
biome
A toolchain for web projects, aimed to provide functionalities to maintain them. Biome offers formatter and linter, usable via CLI and LSP.
-
htm
Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
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
-
-
Visit site: https://transform.tools Github link: https://github.com/ritz078/transform
-
-
This post is part of my post series that complements the "Build your own React" tutorial by Rodrigo Pombo.
-
Thanks. As for the code compilation, that can be tested and seen in https://sucrase.io/
The demo page is only to show how we can transpile JSX in browsers.
-
-
dependency-cruiser
Validate and visualize dependencies. Your rules. JavaScript, TypeScript, CoffeeScript. ES6, CommonJS, AMD.
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.
-
-
-
Project mention: To learn svelte, I clone Github's issues page including useful features that you might consider reusing. | /r/sveltejs | 2023-12-05
🤹 Unplugin Icons
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
JSX related posts
- Coroutines in JavaScript for Web Components
- Biomejs.dev (previously Rome-tools by Meta)
- MDX – use JSX in your Markdown content
- Nano JSX – 1kb JSX library with SSR
- jQuery v4.0.0 Beta
- Preact: Lightweight React Alternative
- RFC: Biome Plugins
-
A note from our sponsor - SurveyJS
surveyjs.io | 29 Mar 2024
Index
What are some of the best open-source JSX projects? This list will help you:
Project | Stars | |
---|---|---|
1 | bun | 69,100 |
2 | prettier | 47,979 |
3 | esbuild | 37,019 |
4 | Preact | 35,944 |
5 | solid | 30,813 |
6 | yew | 29,761 |
7 | mdx | 16,682 |
8 | inferno | 15,990 |
9 | mitosis | 10,657 |
10 | satori | 9,945 |
11 | biome | 9,521 |
12 | htm | 8,532 |
13 | styled-jsx | 7,594 |
14 | rspack | 7,158 |
15 | transform | 7,068 |
16 | react-rails | 6,714 |
17 | didact | 6,002 |
18 | sucrase | 5,560 |
19 | nerv | 5,420 |
20 | dependency-cruiser | 4,914 |
21 | blocks | 4,876 |
22 | fre | 3,687 |
23 | unplugin-icons | 3,444 |