/tristana

React and mobx based, project template.

Primary LanguageTypeScriptMIT LicenseMIT

Tristana(Vite)

一款轻量级的项目框架,基于 ReactMobxViteReact-Router


为何不是?

create-react-app

create-react-app 是基于 webpack 的打包层方案,包含 build、dev、lint 等,他在打包层把体验做到了极致,但是不包含路由,不是框架,也不支持配置。所以,如果大家想基于他修改部分配置,或者希望在打包层之外也做技术收敛时,就会遇到困难。

umi

umi 提供的功能很多,这也导致它太过于臃肿。而且你还要去学它的封装化配置,而不是学原生第三方库的配置,如果你只想要一些简单的功能,追求更高的可玩性,哪 umi 不太适合。

特性

  • 快速上手,只要您了解 ReactMobxViteReact Router,就可以快速搭建中后台管理平台
  • 路由系统,基于 react-router 实现的路由系统
  • Loading,不需要重复写按钮 Loading 判断
  • 国际化,基于 react-intl-universal 实现的国际化
  • 网络请求,基于 axios 实现的请求拦截
  • 页面交互,基于 mobx 实现的数据交互方式
  • UI,使用业界最著名的 ant-design
  • 代码规范校验,使用 eslintlint-stagedprettierstylelint
  • 模拟请求数据,基于 mockjs 实现
  • 打包工具,目前最火的 vite

Demo

页面比较简单,主要是演示用,基于这套项目框架,你可以开发各种各样的页面。

Tristana

是否可以在生产环境中使用?

当然!预计公司生产环境共有 5+ 个项目

支持 IE8 吗?

不支持

开始

$ git clone https://github.com/xuya227939/tristana.git

$ cd tristana

$ npm install

$ npm run dev

部署

$ npm run build

License

MIT