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 TypeScript JSX Projects
-
-
mitosis
Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
-
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.
-
-
-
-
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.
-
-
-
-
-
-
-
-
skott
All-in-one devtool to automatically analyze, search and visualize dependencies from JavaScript, TypeScript (JSX/TSX) and Node.js (ES6, CommonJS)
-
next-api-og-image
:bowtie: Easy way to generate open-graph images dynamically in HTML or React using Next.js API Routes. Suitable for serverless environment.
-
-
core
A frontend framework for chillout-mode development 🥤 JSX components on generators*, fast mobx-like state management and exclusive cssx style system (by fract)
-
-
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.
Builder.io Mitosis -
View on GitHub
Visit site: https://transform.tools Github link: https://github.com/ritz078/transform
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.
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
If you enjoy this approach, you might enjoy the Crank JS framework. https://crank.js.org/
> Crank uses generator functions to define stateful components. You store state in local variables, and `yield` rather than `return` to keep it around.
Deno also has a tooling ecosystem around it to enable developers to jumpstart their projects. Fresh is a web framework built for Deno and Lume is their static site generator.
Project mention: AI App Development: What you need to know to get started | news.ycombinator.com | 2023-06-27AI.JSX (https://github.com/fixie-ai/ai-jsx) is a framework specific to AI App development, but it's built to integrate with React / JS UI development.
So I think the answer to your question is "both". :) To build an AI app, you need many of the same skills you need to build any other type of app. But it's not like AI is some spooky thing that only ML pros can touch. It's accessible to any dev.
Project mention: 💉 Test-Driven Development and Dependency Injection are the way | dev.to | 2023-07-26Welcome back into these series everyone, past few days have been incredible as skott just reached 130 stars on GitHub, 100k of total downloads and lately around +12k weekly downloads since I started open-sourcing it. It's very far for being mainstream but it's a good start, isn't it? Anyway, let me put my personal satisfaction aside, and let's talk about what you came for!
Fully agreed. I built a mostly vanilla JS app using a bare bones JSX lib[1] a few months ago and was surprised at how little I missed the rest of React.
[1] https://github.com/alex-kinokon/jsx-dom
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).
TypeScript JSX related posts
- Coroutines in JavaScript for Web Components
- Nano JSX – 1kb JSX library with SSR
- How I built a cross-framework frontend library
- JSX Mail: Ending All Your Problems When Creating Email Templates
- Open-graph image generation with Astro
- Don’t Build AI Products The Way Everyone Else Is Doing It
- Show HN: JSX in Browser with Sucrase
-
A note from our sponsor - SurveyJS
surveyjs.io | 25 Apr 2024
Index
What are some of the best open-source JSX projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | solid | 31,047 |
| 2 | mitosis | 10,760 |
| 3 | satori | 10,117 |
| 4 | transform | 7,214 |
| 5 | sucrase | 5,583 |
| 6 | fre | 3,692 |
| 7 | unplugin-icons | 3,475 |
| 8 | crank | 2,670 |
| 9 | lume | 1,710 |
| 10 | babel-plugin-jsx | 1,683 |
| 11 | Blaze UI | 1,549 |
| 12 | vscode-glean | 1,455 |
| 13 | nano | 1,411 |
| 14 | ai-jsx | 980 |
| 15 | react-code-blocks | 574 |
| 16 | skott | 540 |
| 17 | vue-tsx-support | 531 |
| 18 | jsx-dom | 270 |
| 19 | next-api-og-image | 215 |
| 20 | classix | 180 |
| 21 | jsonx | 166 |
| 22 | core | 145 |
| 23 | recks | 138 |
Sponsored
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.
www.influxdata.com