核心
Gyron.js 作者开发了一些方便开发者搭建前端环境的工具,比如常用路由管理器和全剧状态管理器。如果你想把某些社区资源适配到 Gyron.js 中,可以联系我们以获取帮助。
- Discord: https://discord.gg/fETVZtD
- Email: [email protected]
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: {},
})