English | 简体中文
Zova is a more intuitive framework with the pros of Vue3, React and Angular, empowers developers to build elegant, fast and reliable applications
Zova can be used with any UI library and comes with built-in project templates for several UI libraries, making it easy to use out of the box, including:
- antdv
- element-plus
- quasar
- vuetify
- empty： Other UI libraries can be used based on this empty template
Zova refines the pros of Vue3/React/Angular and avoid their cons to make our development experience more elegant and reduce the mental burden
Vue3: Zova still uses Vue3's convenient responsive api system, but defining responsive variables is just like defining native variables, without the need to useref/reactive, and naturally withoutref.valueReact: Zova uses thetsxsyntax to write rendering logic in aRender Class, which not only perfectly matches the TS type system, but also supports the splitting of rendering code, and can keep the code clean and elegant even in the face of complex business. In Zova, there are no many hook apis like React, which greatly reduces the mental burdenAngular: In actual development, there are three scenarios of state sharing:state sharing of component internal,state sharing between componentsandglobal state sharing. In the traditional Vue3, different mechanisms are used to achieve these state sharing scenes, while only a unified IOC container mechanism is needed in Zova. The IOC container provided by Zova abandons the cumbersome design of Angular, with clearer concepts and more powerful functions
- SSR: Built-in out-of-the-box SSR solution, supporting both front-end applications and admin management systems
- Modularization: The basis for building large business systems
- IOC: The basis for business abstraction and modeling
- Module Scope: Access strategy based on dependency lookup
- Route Query: Routes with TS types
- Mock: More convenient Mock Mechanism
- Icon: UI library-independent icon engine
- CSS-in-JS: Style & Theme: More flexible style engine based on TypeStyle
- Model: Unified Data Source: Data management strategy based on Tanstack Query
- Env: Env file loading strategy based on multi-dimensional variables
$ npm run init
$ cd ./zova-dev
$ npm run dev$ cd zova-ui-antdv
$ pnpm install
$ npm run dev$ cd zova-ui-element
$ pnpm install
$ npm run dev$ cd zova-ui-quasar
$ pnpm install
$ npm run dev$ cd zova-ui-vuetify
$ pnpm install
$ npm run dev$ cd zova-ui-empty
$ pnpm install
$ npm run dev
- Thanks to Angular that ioc container of Zova was in part inspired by Angular
- Thanks to React that React’s pioneering JSX syntax has significantly improved the efficiency and experience of front-end development
- Thanks to Vue that Vue provides a very powerful reactive system and ecosystem. Without the support of these ecosystems, Zova would be difficult to implement
Copyright (c) 2016-present, Zova