DevUI is participating in the 2021 Nuggets Top of the year campaign, we welcome you to vote for us!
Rank. Juejin. Cn/rank / 2021/7…
In 2020, we have three open source projects on Github, all of which are related to front-end component library ecology. They are:
- Ng DevUI: Angular version DevUI component library, an open source front-end solution for backend products in the enterprise
- DevUI Icons: DevUI Icons library
- DevUI Helper: DevUI code Helper that provides a silky code completion experience.
In 2021, we expanded the DevUI component library ecosystem with two new open source projects:
- Ng DevUI Admin: flexible and customizable Admin system, based on DevUI component library and design system
- Vue DevUI: Vue3 version DevUI component library, based on
Vite+Vue3+TypeScript+JSXTechnology stack
If the seed of DevUI just broke ground in 2020, it can be said that it has grown into a small seedling in 2021, and is taking root in the soil of the open source community.
The nuggets column
The nuggets column in 2021 still doesn’t have any great articles, although every one of them was carefully written by DevUI, but:
Zhi LAN shenggu, not to no one without fang.
We will continue to share the practice of DevUI and write every article with our heart. I don’t remember whether it is the three Hearts big guy or big Shuai teacher who said:
Writing is first and foremost a summary of what one has learned, thought, and done, and second is beneficial to the reader.
I think that makes perfect sense!
Compared to 2020:
| Index items | Parameter values |
|---|---|
| level | Lv3 |
| The article number | 39 |
| Digging force value | 2793 |
| followers | 1038 |
| Read the number | 97530 |
The nuggets’ 2021 metrics have almost doubled:
| Index items | Parameter values |
|---|---|
| The article number | 55 |
| level | Lv4 |
| Digging force value | 6975 |
| followers | 2047 |
| Thumb up for | 3971 |
| Read the number | 300491 |
DevUI open source
On the open source side, Ng DevUI’s Star count also increased from 566 to 1204.
Ng DevUI Admin also received a lot of attention after the release of version 1.0 in April, with Star count of 180.
Vue DevUI is the implementation of DevUI Design language on Vue3 framework. It is an open source project incubated by pure community operation. It was previously evolved in Gitee with 494 stars and 84 Contributor numbers.
Since DevUI contributors are more willing to submit on Github, we also launched a special vote, and 90% of the field owners who participated in the vote unanimously chose Github because we migrated Vue DevUI to Github. At present, Star number is 109 and Contributor number is 50.
| Index items | Number of Star | Number of Contributor | Commit the number |
|---|---|---|---|
| Ng DevUI | 1204 | 13 | 44 |
| Ng DevUI Admin | 180 | 4 | 10 |
| Vue DevUI | 109 | 50 | 1702 |
column
1 Vue DevUI already has 10 component members 🥳
Vue DevUI already has 10 component members 🥳
The Vue DevUI project was joined by a strong contributor, Brenner, and the number of components quickly grew to 10, so I immediately synchronized the progress with this article and introduced how to use Vue DevUI.
After this article was published, many community partners joined in, not only contributing code, but also discussing Vue DevUI component design and engineering affairs. From this article to now, Vue DevUI has maintained a very high degree of activity, and even visited the live broadcast room of the village head teacher. To share with you the construction process of Vue DevUI, a total of 10 I want to do open source: Vue DevUI open source guide series live.
2 What a surprise! This adorable game is actually implemented using ECharts!
Surprise! This adorable game is actually implemented using ECharts!
This article mainly introduces how to use ECharts to implement a Flappy Bird mini game, very interesting!
3 Quill rich text editor practices
Quill rich text editor practices
The content of this article comes from Kagol’s speech at Huawei HWEB Big Front-end technology sharing conference. It mainly introduces the practice of DevUI in rich text editor, including the investigation of open source rich text editor in the industry, the principle of Quill and module extension mechanism.
The story of DevUI open source
The story of DevUI open source
This is DevUI’s open source story, which summarizes DevUI’s entire journey from brand creation in 2017, to open source on Github in 2019, to the present. If you are or are planning to open source, our open source story may give you some inspiration.
5 Nuggets of the best 447 gems 💎 articles
Nuggets of the best 447 gems 💎 articles
This is at that time with the script statistics of the nuggets of the most popular article, mainly want to learn under the big guys excellent article is how to write out.
6. Let’s build a browser engine
Let’s build a browser engine
This is a translation of the browser engine’s implementation principles, written by Matt Brubeck, a Mozilla team leader. It was written in the Rust language, but it is very easy to understand. It took a whole weekend to translate. Let’s build a browser engine!
7 How to solve the data error caused by uneven Request speeds on asynchronous interfaces?
How to solve the data error problem caused by uneven speed of asynchronous interface requests?
This was when I was working on ProjectMan business, and a bug was raised in the test. After solving the bug, I thought it was a general problem, so I wrote this article to summarize it.
The following problems are analyzed and solved:
The browser requests the backend interface asynchronously, and if the interface initiates the request first and then returns data, the data displayed in the list/table is likely to be corrupted.
How to solve this problem when Angular HTTP /Axios/Fetch initiates a request is explained separately.
8 How do I insert a dragon into an editor?
How do I insert a dragon into an editor?
This article is very interesting, the inspiration comes from teacher Dashuai’s article about drawing dragons: Product Manager: Can you draw a dragon for me with DIV? .
This paper mainly describes how to insert the dragon drawn by Da Shuai into Quill rich text editor, mainly uses Quill Blot content extension mechanism, and introduces the general steps of Blot content extension.
Vue3 — Run first!
Vue3 — Run first!
These are some thoughts from learning Vue3 when I was working on the open source project of Vue DevUI. In the process of learning Vue3, I also explored a set of learning method of point, line and plane to learn new technologies. By thinking of point and line, line and plane, I gradually expanded my understanding of new technologies and eventually formed a complete knowledge network.
10 extra extra! DevUI Admin V1.0 released!
Extra extra! DevUI Admin V1.0 released!
This is the promotion article of the 1.0 release of Ng DevUI Admin, which was introduced before. Ng DevUI Admin is the appeal from the community, precipitation of one year, and April 2021, a season of birds’ Twitter and Fragrance of Flowers, open source, received a lot of praise. We’ve been working on DevUI Admin for a long time, and in August we released version 2.0, which dramatically increases the developer experience by splitting blocks and integrating Angular Schematics into Admin. Pages and blocks can be added with a single command.
DevUI Admin 2.0 release! 🥳
In 2022, we will continue to improve Admin, advance notice: there will be a big move!
Vue DevUI Admin will also be incubated in 2022, the latest Vite+Vue3+TypeScript+JSX stack.
Squat not Vue DevUI’s field, we have Admin’s ah!
Finally, amway gives you our annual summary:
Building a Warm Open Source Community | 2021 Year-end Summary
And component libraries from 0 to 1 columns:
Component libraries run from 0 to 1
Merry Christmas everyone! See you in the open source community in 2022!