The Open Atom Global Open Source Summit is a conference initiated by the Open Atom Open Source Foundation for the world. The summit relies on an international platform, gathers advantageous resources in multiple fields, is developer-oriented, builds the future of open source development, and gathers a development consensus of co-construction, co-governance, and sharing. The 2023 Open Atom Global Summit will be held at Beijing Beiren Eichuang International Convention and Exhibition Center from June 11th to 13th.
The summit has a Huawei exhibition area and a podium. Many Huawei senior engineers will give you speeches and introduce current popular technologies and open source projects, including commercial secret technology, cloud native, front-end component library, distributed timing database, AI framework, etc. After listening to the speech, go to the booth to experience it. I believe you will gain a lot!
Here I want to focus on OpenTiny - an enterprise-level application front-end project produced by Huawei Cloud that will be open-sourced in early 2023! OpenTiny will be unveiled at this open source summit. As one of the few front-end projects at the exhibition, what exactly is OpenTiny and what are its highlights?
OpenTiny is an enterprise-level component library solution, adapting to PC, mobile and other terminals, covering Vue2, Vue3, Angular multi-technology stacks, with theme configuration system, middle and background templates, CLI command line and other efficiency improvement tools to help developers efficiently develop web applications. OpenTiny was incubated from Huawei Cloud and Process IT. After nine years of continuous polishing, it has served thousands of Huawei projects with high reliability.
The core highlights of OpenTiny are:
1. A set of code supports both Vue2 and Vue3. Some projects that use Vue2 will require a lot of manpower and time costs to migrate versions after Vue3 is released. To solve this pain point, the TinyVue component library in OpenTiny uses the Renderless architecture and version adapters to effectively smooth the differences between Vue2 and Vue3 and reduce the cost and risk of migrating from Vue2 to Vue3;
2. A set of code supports multiple terminals such as PC terminal and mobile terminal at the same time. As we all know, components are presented in different ways in multi-terminal scenarios. In the past, developers needed to develop on-demand according to different platforms, but OpenTiny's TinyVue component library provides the ability to use components in exactly the same way in multi-terminal scenarios, which greatly improves developers' development efficiency;
3. Support the Angular technology stack to meet the needs of components in complex scenarios of large-scale projects. OpenTiny's TinyNG component library contains 70+ components, supports internationalization, theme customization, micro-component configuration, virtual scrolling in big data scenarios, etc., and compared with the default change detection strategy, TinyNG uses the OnPush strategy, which greatly improves the performance of front-end development.
4. Rich components and powerful functions, providing theme configuration system. In addition to the necessary high-frequency components table, tree, select, etc., it also provides some unique components, such as Calender calendar, Split panel divider, IPAddress input box, etc., with a simple and elegant style! With the theme configuration system, you can also generate the custom component styles you want online, making your web application styles more varied.
5. Provide out-of-the-box middle and background templates. Supports Vue and Angular frameworks, including 10+ practical functions and 20+ typical page scenarios, suitable for mid-background and cloud service console applications;
6. Provide a CLI tool that covers the whole front-end process - TinyCLI. TinyCLI provides a series of development kits and engineering plug-ins, covering the entire link of front-end development, ensuring the consistency and reproducibility of the team's development process.
In general, OpenTiny is an enterprise-level component library solution that is easy to use, efficient, reliable, highly customizable, and compatible.
For more information about OpenTiny, please add the little assistant wx: opentiny-official, to share first-hand front-end news and technology!