Abstract: Today we don’t talk about technology, only “judge a book by its cover”.
preface
Before, a lot of beginners asked me (see my selfie above), but now I don’t know what to choose from the three frameworks of Vue, React and Angular. I joked that you can choose whichever one looks good on you. When I am currently developing Angularjs Fundebug, I often go to Google for some independent UI components to implement certain functions. I can’t help but check out these official websites in China (listed below). Well…
The cause of anthomania
- I make no secret that I am a “look association”, if do UI appearance is not good that basic GG.
- I’m not good at writing UI effects and would rather write complex business logic than effects. Awkward…
- Using a UI framework has allowed me to work on projects twice as fast, which has allowed me to lose a few hairs and spend more time on my mind.
- There’s nothing wrong with that. My code has actually improved by looking at the components they’ve wrapped. Some experts when it comes to writing effect is their own direct CSS, do not recommend the use of UI framework.
- A powerful UI framework can solve more than 90% of the component support, the project is lightweight and easy to maintain.
Principles for choosing UI frameworks
- Github star, data does not lie.
- Up-and-comers take precedence over established players, and I’m not only a “lookist” but also a “lookist”, limited to technology.
- I choose domestic ones over foreign ones. I personally feel that foreign ones are geeks, at least not in accordance with my aesthetic taste.
- Continuous maintenance, continuous output allows us to use in the short term no worries.
Recommended UI framework
| UI framework | Github Star | The environment | team | |
|---|---|---|---|---|
 |
Element | 25K | vue | domestic |
 |
iView | 14K | vue | domestic |
 |
Material-UI | 34K | react | foreign |
 |
Ant Design | 26K | react | domestic |
 |
Angular Material | 13K | angular | foreign |
 |
NG-ZORRO | 2.6 K. | angular | domestic |
I heard that good-looking people not only have fewer bugs, but also use Fundebug to monitor bugs.
Other UI frameworks
| UI framework | Github Star | The environment | team |
|---|---|---|---|
| Vue Antd | 1.4 K. | vue | domestic |
| Vue-Blu | 1.2 K. | vue | domestic |
| N3 | 0.8 K. | vue | domestic |
| AliTelecom UI | 0.5 K. | vue | domestic |
| Blueprint | 8.9 K. | react | foreign |
| React-Toolbox | 7.8 K. | react | foreign |
| React Desktop | 7.3 K. | react | foreign |
| Semantic-UI-React | 6.5 K. | react | foreign |
| Grommet | 3.1 K. | react | foreign |
| Fabric | 2.4 K. | react | foreign |
| React-md | 1.6 K. | react | foreign |
| OnsenUI | 6.2 K. | Angular | foreign |
| PrimeNG | 3.9 K. | Angular | foreign |
| Semantic UI | 0.9 K. | Angular | foreign |
| ng-lightning | 0.6 K. | Angular | foreign |
| Kendo UI | 0.2 K. | Angular | foreign |
Interesting data
- The author automatically ignores the former king of Boostrap. If you are a big fan of Boostrap, please feel free to spray. In fact, I am also a Boostrap user.
- Among the 6 UI frameworks recommended by the author: Domestic: 4 foreign: 2.
- React: 97.6K > Vue 42.9K > Angular 27.4K
- Vue: 42.9K > React 26K > Angular 2.6K
- Among all the UI frameworks listed above, Github’s Star numbers are as follows: Domestic: 71.5K Foreign: 96.4K.
- Vue of all UI frameworks listed above are all domestic teams.
- Alliant supports React and Ant Design, Angular supports Ng-Zorro (the only one that supports Angular in China), but Vue Antd is no longer maintained.