Gyron.js

简单零依赖的响应式框架

“一个用于构建用户界面的 JavaScript 库，完全的 TypeScript 支持，并且可以借助我们提供的协同编辑器实现多人协同工作。”

上手简单
只需要了解JavaScript基本语法和jsx语法糖就可以完全构建一个可交互的应用程序。在渲染过程中,所有结果和行为完全是可预见的,没有任何黑魔法。
了解更多
```
import { createInstance } from 'gyron'
createInstance(<div>Hello, Gyron</div>).render('#root')
```
组件化模式
以函数作为组件的基础元素,就可以灵活的组织页面,并且可以追踪数据变化。还可以使用更多选项让组件可缓存,在大型项目中收益更明显。如果组件更新很慢,那么还可以尝试使用 FCD 定义组件,具体表现可以点击了解更多按钮查看详情。
了解更多
```
simple.tsx
import { FC } from 'gyron'
export default FC(() => <div>Hello, Gyron</div>)
```
```
index.tsx
import { createInstance } from 'gyron'
import Hello from './simple'

createInstance(<Hello />).render('#root')
```
体积非常小
核心代码小于10kb(gzip),但是功能却十分完善。不仅支持 SPA模式,还支持 SSR 模式,只需要做少许改动就可以让组件支持 SSR。所有功能都是可以拆分,比如路由管理,如果仅仅是一个 demo 页面完全不需要引用。
了解更多
强壮的生命力
完全支持最新的 Typescript 类型推断,在构建大型项目上更加友好,在多人协作时也尤其重要。试想,当你的同事修改了一个组件的接口没有告知时,这次修改可能就是一个隐患。
了解更多

在线编辑

在线使用,在左边编辑完成后等待3秒即可预览效果。在后面阅读文档时发现代码都可以贴在编辑器中实时预览。

index

TSX

LESS

资源加载中...