#JSX
solid - 高性能声明式 JavaScript UI 框架
Github开源项目性能优化前端框架响应式编程SolidJSJSX
SolidJS 是一个高性能的声明式 JavaScript UI 框架。它通过编译模板到真实 DOM 节点并采用细粒度反应式更新,实现卓越性能。开发者可在应用中声明和使用状态,仅在状态变化时更新相关代码。SolidJS 集成了 JSX、上下文、Suspense、SSR 等现代特性,同时保持简洁易学和高度可组合性。
playroom - 多主题多尺寸的JSX组件设计工具
Github开源项目原型设计组件库设计系统JSXPlayroom
Playroom是一款无需安装的代码驱动设计工具,可与现有设计系统文档集成。它支持在最终呈现环境中迭代设计、快速创建原型,有助于评估设计系统的灵活性。用户可通过URL轻松分享设计。Playroom支持多主题和多屏幕尺寸的同步设计,基于JSX和自定义组件库构建。这款工具可部署于现有设计系统文档之中,为设计师和开发者提供一个共同的工作环境。它能够同时展示多个主题和屏幕尺寸下的设计效果,有助于创建灵活且一致的用户界面。
satori - HTML和CSS转SVG的轻量级开源解决方案
Github开源项目HTMLJSXCSSSVG生成Satori
Satori是一个开源库,可将HTML和CSS转换为SVG。它采用JSX语法,简化了使用流程。该库能处理布局计算、字体和排版,生成的SVG与浏览器渲染效果一致。Satori支持多种HTML元素和CSS功能,包括Flexbox布局、文本样式和背景设置等。这个工具主要用于创建Open Graph图像和社交媒体卡片。
omi - 现代化 Web 组件框架 响应式编程与跨框架开发的优选
Github开源项目TypeScript响应式编程JSXOmiWeb Components
Omi是一款轻量级高性能的Web组件框架,支持信号驱动的响应式编程。它集成了Web Components、JSX、路由、Suspense等功能,同时兼容面向对象和数据驱动的编程范式。Omi提供丰富的模板和UI组件,便于快速构建现代Web应用。其小巧的体积、出色的性能以及灵活的样式管理,使其成为开发者的理想选择。
stencil - 现代Web Components编译器 轻松构建跨框架组件
Github开源项目TypeScript前端开发JSXWeb ComponentsStencil
Stencil是一个开源的Web Components编译器,由Ionic团队开发。它集成了TypeScript和JSX技术,便于创建可重用的自定义HTML元素。生成的组件可在各种主流框架中使用,也可独立运行。Stencil采用类似React的组件语法,并支持Shadow DOM,有助于开发高性能、易维护的Web应用。