The story of DevUI open source

The following is the DevUI . This story may be very short, because the DevUI brand has only been 5 years from its inception to the present, and the open source time is only 2 years, but DevUI and community developers is always there. Happened, so we are eager to record it.

Who is DevUI

1. DevUI is an open source front-end solution for enterprise middle and back-end products
2. Serving ToB enterprises and serving tool products are our product positioning
3. immersion, flexible, to be simple are our design values
4. DevUI team is committed to enhancing front-end products experience, quality and R & D efficiency

Image source: https://devui.design/design-cn/start

Our open source products

DevUI official website: https://devui.design

DevUI Github：https://github.com/DevCloudFE

Vue DevUI：https://gitee.com/devui/vue-devui

The following are our open source products:

Open source determination

DevUI team started to open source in June 2019, the idea was very pure at the time:

DevUI serves a large number of commercial & internal businesses within Huawei Cloud. Why not open source it to the community so that more businesses & users can also enjoy the excellent practices of DevUI?

Regarding DevUI and the history of open source, you can refer to the previous article:

🏆 DevUI × Nuggets | Technical People 2020

Interview with Wang Ge of DevUI component library

The following is the development timeline DevUI

It can also be seen from the entire development process that the DevUI team is determined to be open source!

Get started

After the open source on Github in June 2019, Ng DevUI did not move much within half a year. Although we never stop releasing new versions every month, there are not many developers who pay attention to us, and the number of stars. Within half a year, it has never broken through 100, and a large part of it is ordered by DevUI team members themselves.

But we are not discouraged and give up because

We know that nothing of value can be easily done successfully, and we also know that giving up easily means real failure.

so

We are also constantly thinking about how to do open source. After all, we are just starting to do open source and have no experience, almost crossing the river by feeling the stones.

Nuggets

In March 2020, we began to tentatively operate DevUI team in the Nuggets. We do not want to operate DevUI through advertising or any other utilitarian means. This is not our original intention of open source. We hope to reach development , Let them take the initiative to know, understand and then use and become familiar with DevUI.

Therefore, in the early days of Nuggets operations, we never published soft articles, all of which were technical dry goods. These articles are the collective wisdom and work experience of all members of the DevUI team. Compared with the community leaders, they are not necessarily the best articles, but

It was written by everyone who spent time and hard work, so it has slowly gained recognition from the community partners.

In one year in 2020, a total of 39 articles , 6 of which were contributed by the Zcating Zcating is an early supporter and contributor of our DevUI open source organization. It takes more time to join the group than us. Many DevUI team members are still early, he

• Not only submitted technical articles to us
• Active in the Ng DevUI
• And the first component was provided in the early days of Vue DevUI
• Now also Button / Modal / Dropdown / Table landowner multiple components, etc., but also our DevUI open source organization PMC members.

2020 can be said to be the first year of DevUI open source. It was in this year that DevUI began to gain exposure in the community, the number of stars also exceeded 500 , and the followers of the Nuggets column also exceeded 1000 .

Reflection

However, our download volume is still horrible, with only a mere over 100 per week. We are constantly thinking, reflecting and trying.

Why do so few people use DevUI?

The domestic Angular community is indeed not as popular as Vue and React, but it is not so small. The domestic Angular component library is indeed one of the few. The only slightly better one is Ng Zorro This is the Angular version of Ant Design. The weekly downloads exceeded 40,000, which shows that there are still Angular users in China.

We actually don’t want to compete with others, including Ng Zorro. We have also communicated and interacted with others. We just want to

Enrich the Angular ecosystem, so that domestic Angular users will have a choice other than Zorro.

And our positioning is not exactly the same as Zorro, we are

The tool products for ToB companies are our genes and our advantages.

insist

So far we still haven't figured out why so few people use DevUI, but this does not affect our determination to open source!

perhaps

Open source is a long road. If you don't stick to it for three or five years, don't complain that open source is difficult to do. We will continue to do it.

Also welcome

• Developers who have used DevUI give us more input and feedback, so that we can also know where we haven’t done well, and continue to improve
• Developers in the community are also welcome to participate in the open source construction of DevUI, build a high-quality component library, and improve the ecology of the component library.
• We will always keep an open mind, accept the opinions and feedback of the community, and constantly think and reflect on how to do a good job in the experience and quality of DevUI

try

In 2021, in Ng DevUI and Ng DevUI Admin , we made three important attempts: Vue DevUI , B station live broadcast, establish PMC.

Vue DevUI

DevUI's expansion of the vue ecosystem is not just for brainstorming, but for careful consideration:

• 2021 began vue3 / vite start of the outbreak, based on vue3 / vite ecology in expanding at breakneck speed
• There are constant feedback from small partners in the DevUI official exchange group: when will the vue version be released?
• DevUI Design is a design system hatched from many actual businesses of Huawei Cloud (this design system has won the German Red Dot Design Award), Ng DevUI is just the implementation of this design system on the Angular framework. Extending the implementation of other frameworks is also DevUI's long-term plan, including the Vue framework.
• Based on the above considerations, we think: it is about time

So in May 2021, we will officially start to incubate Vue DevUI through community open source. For details, please refer to our previous article:

Let us build the Vue DevUI project together! 🥳

Vue DevUI already has 10 component members~🥳😋

The following is the warehouse data trend chart Vue DevUI

It can also be seen from the trend graph

Vue DevUI component library is very rapid. In only half a year, 60-bit contributor was 53 components were developed, which exceeded 200 PRs and 1000 submissions.

The following is the list of contributors Vue DevUI

Thanks to every contributor to DevUI

Station B

After working in the Nuggets community for more than a year, we not only let the community developers know and understand DevUI, but also got to know a lot of outstanding developers. Among them, Village Yang 16192258676577 is one of them.

The village head teacher is a Vue expert, and has very rich teaching experience, and the voice is nice and friendly.

By chance, I learned that the village chief is doing live broadcast at station B. You can refer to the previous article for getting acquainted with the village chief:

[Vue DevUI Open Source Guide] with the teacher of the village chief [Vue DevUI Open Source Guide] One-month live broadcast of feelings

The cooperation with the village head teacher is very pleasant. It has been nearly 2 months since the first live broadcast with the village head. A total of 7 live broadcasts have been made, and each time it was broadcast with expectation:

• Looking forward to meeting the humorous, amiable and amiable village head teacher
• I look forward to completing a technical journey with the friends who participated in the live broadcast of the village chief. Looking at every enthusiastic barrage of everyone, whether it is welcome, questioning, or discussion, it is very warm
• I look forward to seeing the happiness and growth that my friends feel from watching the live broadcast of the village head and me
• Looking forward to the next live broadcast

Every time I live with the village chief, I feel like it hasn’t been broadcast for a long time, although only a short week has passed.

As some friends feel that the content of the live broadcast is too simple, the village head and I also hope to provide some higher quality dry goods content, so the frequency of the live broadcast has been changed from one week to two weeks, whether it is once a week or once every two weeks, we Metropolis:

Prepare and treat every live broadcast seriously, and strive to let the friends who watch the live broadcast really gain something, and live up to this hour of waiting.

PMC

In doing Vue DevUI process of open source projects, we felt the open source community developers to do great enthusiasm, August 3 synchronized to the community progress Vue DevUI of after,

• More than 100+ community friends contacted us by adding a small assistant WeChat (devui-official) within 3 days, and joined our core development group
• All 61 component fields have been claimed within 5 days 40+ small partners have become Vue DevUI component library owners
• The next day there was new PR submitted
• within 10 days it will give Vue DevUI added a new 11 new members

But we also found some problems:

• Some small partners had a passion for open source at the beginning, and wanted to actively participate in open source. After claiming the components, they have not taken actual actions. On the other hand, some small partners who are eager to participate have no component fields. Can be claimed, which will affect the progress of open source projects
• The most frequently asked questions by newcomers are how to participate in contributing, how to ask questions, and how to start contributing. Although we have written some Wikis that can partially solve this problem, this is always only a temporary solution to a specific problem, and a problem arises. Solve one, there is no rhythm and structure, which is very harmful to open source projects and contributors
• Among the small partners who participated in the contribution, we also found that there are some very active, active, experienced, capable, and strong willing to participate in open source. These contributors should have made greater contributions and achievements, and even Leading the management of open source projects, long-term roadmap planning, incubation of new projects and other global affairs. If they can be identified, it will be a win-win situation for open source projects and contributors.
• There are also some small partners who hope to enhance their resume and career by participating in open source projects. How can we help them achieve their goals?

We are constantly thinking about how to solve similar problems

We hope that all contributors who participate in the development of the DevUI open source ecosystem can reap what they want. Therefore, we refer to the industry's open source practices and combine the characteristics of to establish the 161922586768ba DevUI open source PMC.

PMC is the abbreviation of project management committee, generally for

Promote the long-term and healthy development of the entire community, and ensure a certain balance, as well as praise from peers, and enable collaboration to continue

After careful internal discussions and collisions, we formally established DevUI PMC on November 3, 2021, and carefully selected 5 contributors as PMC members from all contributors to the DevUI open source ecosystem. They are:

Zcating

Zcating classmates we have introduced to the Nuggets many times. He has very rich development experience and is also an early contributor to DevUI open source (earlier than many DevUI team members), and he gave it to the DevUI team as early as 1 year ago The Nuggets column has contributed 6 articles about RxJS principle analysis dry goods. When Vue DevUI first started incubating, Zcating students were also very active, not only actively participated, but also quickly developed the Vue DevUI : Button, which has also been followed. Maintain a very high degree of activity, actively review the code, ask and solve problems, and is now the owner of the Table component of DevUI complexity TOP1, and he is also the Dropdown multiple components such as 06192258676960, Modal , Overlay , and he is not only proficient in Angular Framework, has a principle level understanding of RxJs reactive programming, and is familiar with multiple frameworks such as React and Vue, and has full stack and architecture capabilities.

This is Zcating students of public personal number: ZCX studio

Welcome everyone to pay attention!

iel

IEL students are DevUI CLI pioneers, from 0-1 Vue DevUI design and implementation of the project are now devui-cli , create components to achieve a template to generate a component library entry file & the left navigation sidebar automation components, greatly enhance the Component Development At the same time, iel is also the Toast component. As early as August 9, all the functions of Toast iel participated in the DevUI open source, it has maintained a very active and active state. iel is also the first to summarize the DevUI open source experience article , and is currently actively participating in the live broadcast between DevUI and the village head at station B. Although iel experience, he is young and promising and is full of enthusiasm for technology.

The following is the Nuggets column iel

https://juejin.cn/user/1538972011203662

Welcome everyone to pay attention!

Lucky

Lucky classmates look at their name as someone who can bring good luck to others. On August 3, we synchronized the latest developments of Vue DevUI in the Nuggets. On August 4, Lucky submitted the Rate component. This efficiency is too impressive. Since then, Lucky Vue DevUI project and has submitted more than 20 PRs, which is the largest number of PRs submitted by all. Lucky is also very actively involved in code reviews, and is also the most frequently involved in code reviews. In addition to being active and active, Lucky is still the Upload component, which is also a very complex component in DevUI. In addition, Lucky also actively identified the lack of BackTop function in the document and quickly implemented it, which effectively improved the document experience.

XieJay

XieJay students are Ng DevUI active contributor to the component library, and it is Ng DevUI submitted the largest number of contributors PR, he is also Ng DevUI actual user component library, give us a feedback Ng DevUI many problems component library, so We have more insights and understanding of the timing needs of developers, and continue to optimize the Ng DevUI component library.

The following is the blog address XieJay

https://blog.csdn.net/xiejay97

Welcome everyone to pay attention!

duqingyu

duqingyu students are the only two while giving Ng DevUI and Vue DevUI submitted PR students (Another is flxy students), and duqingyu students or Vue DevUI component library Badge and ImagePreview two components Landowner.

The following is the personal blog duqingyu

https://www.duqingyu.top

Welcome everyone to pay attention!

After the establishment of PMC, all members of PMC held their first PMC meeting on the morning of November 7, 2021, which happened to be Lidong. A total of 14 people in charge of Ng DevUI , Ng DevUI Admin , and Vue DevUI The meeting starts from 9 am to 11 am:

1. First, I introduced the entire system and design values of DevUI to everyone.
2. Then discussed in detail the strategies and specifications of PMC operations
3. Then extensively discussed the long-term plan of DevUI's future open source ecological construction

Everyone got together and discussed enthusiastically, and together they imagined the blueprint for the future of the DevUI open source ecosystem, full of infinite possibilities and fantasies!

Finally, the conclusions of the discussion will be organized in the form of human task cards. PMC members will first claim and refine them, and they will be gradually opened up in the future, so that community developers will also have the opportunity to participate in the development of the DevUI open source ecosystem (you don’t need it anymore) Squat component field 😋).

We also welcome willing, thoughtful, and capable friends to join our PMC and Committer teams, let's give him a big vote!

At present, the open source organization of DevUI PMC , 10 members of Committer , and 60+ members of Contributor .

The following is DevUI’s Committer list:

1. Zcating
2. iel
3. Lucky
4. XieJay
5. duqingyu
6. brenner8023
7. Marvin
8. micd
9. flxy1028
10. to0simple

Contributor is the developer who actually submitted PR to DevUI, such as developing new components & new features, fixing defects, improving documentation & single testing, etc.

Committer is the most active, active, and outstanding person selected Contributor Committer will also participate in code review, technical solution discussions, suggestions, formulation of specifications and processes.

PMC is the abbreviation of the Project Management Committee. It is the Committer . It is responsible for the overall roadmap planning, architecture design, new open source project incubation, Committer promotion and other overall affairs of the DevUI open source ecosystem.

story

In the process of doing open source, DevUI went deep into the community, extensively contacted and communicated with developers, and got to know many outstanding community developers. They are active, enthusiastic, and full of vigor. They are all passionate about technology and full of confidence in the future!

The following is the story of our friends with DevUI.

Bob : Not waiting for you to have the ability to do things, but to gain ability in doing things.

• My open source story with

AlanLee : Working hard to improve yourself is more meaningful than looking up on others.

• participating in the Vue DevUI open source project 16192258676fa3

Wailen : Reach out for the stars, even if you get nothing, you won't be full of mud.

• Participation in Huawei's Devui open source component library

MICD : In many cases, it is not because you see hope that you have to work hard, but you have to work hard to get the corresponding return.

• My story with vue-Devui open source component library

silent

• Record my first open source component

iel

• Take you hand in hand to develop a scaffold (on)
• The scaffold I developed for

JS old dog

• Me and DevUI column
• TSX functional component practice of VUE in
• talk about Vue's TSX functional components

Village

• With the village chief teacher [Vue DevUI Open Source Guide] Live experience for a month
• Vue DevUI Open Source Guide Series Live

excitation

Vue DevUI , which was incubated in May of this year, gave us great confidence, strengthened DevUI 's determination to be open source, and also let us see the great enthusiasm of community developers for DevUI open source, so in order to:

• To provide a certain sense of honor to contributors, we specially designed the DevUI open source outstanding contributor honor trophy for outstanding contributors, with the big contributor’s name in the middle, and the copywriting of HUAWEI CLOUD DevUI
• DevUI contributors and let 06192258677311 of Contributor have a more sense of belonging. What you are facing is not a cold open source project, but a warm DevUI open source organization, so we carefully designed DevUI customized exquisite pillow, Contributor one person
• Incentivize more friends to participate in the development of the DevUI open source ecosystem. We have specially produced DevUI customized exquisite notebooks, which will be given to the lucky winners through a lottery.

The following is the rendering:

DevUI is recruiting contributors

The story of

Just started

Future

We hope to be with you


more exciting story 1619225867745d
—— HUAWEI CLOUD DevUI open source organization

Add DevUI assistant WeChat: devui-official , pull you to our official exchange group.

What will you gain by joining the DevUI open source ecological construction

Direct value:

1. By creating an actual vue3 component library project, learn the latest Vite + Vue3 + TypeScript + JSX technology
2. Learn the entire process and methodology of building your own component library from 0 to 1, including component library engineering, component design and development, etc.
3. Add luster to your resume and career, and have participated in excellent open source projects, which in itself is a bright spot favored by interviewers
4. Get to know a group of excellent friends who love learning and open source, and build a great product together

Long-term value:

1. Build personal brand and enhance personal influence
2. Develop good coding habits
3. Obtained honor & recognition and customized gifts from the HUAWEI CLOUD DevUI team
4. After becoming PMC&Committer, you can participate in the decision-making and long-term planning of the entire open source ecosystem of DevUI, and cultivate your own management and planning capabilities
5. More opportunities and possibilities in the future

DevUI is open source, the future can be expected!

Easter eggs

Today is Double Eleven, and the star number of the Ng DevUI component just broke through 1111. Is this a special hint?

Double eleven, use it!

Does it mean that the DevUI open source ecosystem is about to take off 🛫️?

In the future, more community developers will join the development of the DevUI open source ecosystem

Understand, use, and participate in DevUI

DevUI is not personal open source

Behind it is a team with a firm determination to open source

Join DevUI open source, let us grow together!

Feedback & suggestions are welcome

In addition to actually participating in the development of the DevUI open source ecosystem, we also hope

Friends who use the DevUI component library in a company or personal business can give us some suggestions and feedback. We will listen to the good or the bad.

Your feedback will not only make DevUI better, but also make your business & developers better, your users better, and even more businesses and users who use DevUI feel immersed The pleasure brought by the style experience.

Welcome everyone to leave a message in the comment area to discuss!