Before you run dev, you must generate theme css files to public by pnpm run build:theme.
- umi 4
- pnpm
- mfsu+
- turborepo
- mobx
- error catcher
- light theme
- i18n full support
- the art-architecture
- EIC (Everything is component)
The past code is not enough to support newer and better ideas, and at the beginning of writing xgen mainly for internal business, there is no time to think too much about the writing method and architecture, I am committed to pursuing a kind of beauty, this kind of beauty is not only Performance is more likely to be reflected in the ideological and architectural level, so I choose to rebuild based on umi4.0, swc, mobx. After rebuilding, I hope that I can regard xgen as a "work", a "artwork", Not just a project to make a living.
After careful consideration, we believe that the mode based on type page can be realized by json template parsing, so that it will not be very cumbersome to use template to write page json, so we remade xgen, and a core concept after rebuilding is:
Every route is a dynamic route, everything is component, no Table Page(hereinafter collectively referred to as EIC), no Chart Page, you can inject data by writing json, and then assign the data to table component and chart component.
Of course, the configuration of the base components is mostly unchanged.
- Build scaffolding based on umi 4
- Use Turborepo + Parcel
- template conversion rule design
- EIC Architecture Design
- Migration and rebuilding of style files
- Support Light Theme
- Multilingual support
- Design error capture based on EventListner
- Table rebuilding
- Form rebuilding
- Design of extension components based on React/Vue/Lit Element
- JSON field prompt vscode json.$schema
- Component packaging tool xtool
- Support custom components, import packaged components from based on Dynamic import
- Cloud components, support importing components from yao workshop
- Infra, a visual work platform, supports one-click deployment of YaoApp
- Component as proto (CAP), components are prototypes, CAP prototyping platform, prototyping tools designed from the code level (thinking some inspiration for reverse workflow), product planning uses the component system provided by developers to make prototypes, and the production is completed After that, the designer adjusts the component parameters, adds CSS for processing, and delivers the code to the developer.