核心

Gyron.js 作者开发了一些方便开发者搭建前端环境的工具,比如常用路由管理器和全剧状态管理器。如果你想把某些社区资源适配到 Gyron.js 中,可以联系我们以获取帮助。

Router

Router 是帮助用户构建界面的 JavaScript 库并且拥有强大的 Api,它足够小巧但是功能足够完善,可以使用不同方式声明路由,并且在不同渲染平台(CSR/SSR)中都有效。

import { FC } from 'gyron'
import { Router, Route, Routes } from '@gyron/router'

const App = FC(() => {
  return (
    <Router router={/* router */}>
      <Routes>
        <Route path="" strict element={<div>Home</div>}></Route>
        <Route path="about" element={<div>About</div>}></Route>
      </Routes>
    </Router>
  )
})

Redux

Redux 是一个基于 Redux 的 Gyron.js 状态管理库,它集成了 Redux 的所有功能并且具备响应式的能力。https://redux.js.org/

如果你不想要这么复杂的功能可以使用 useReactive 模拟一个小型的状态库,只是没有了可预测和 Devtool 等功能,但是它也拥有响应式的能力。

import { useReactive } from 'gyron'

export const storeState = useReactive({
  user: {},
  order: {},
})