1. Long introduction

Big three dog’s winter vacation is here… It is well known that winter and summer holidays are the best time to excel. However, the goose will accidentally waste the past, sophomore summer vacation to Hangzhou internship for two months, this winter vacation if you don’t do something to open society is full of guilt filled…

Wanted to think… I found that I had not had much contact with components, so I wanted to build a component library, but I did not want to be the same as the style of the market component library. After investigating for a period of time, I found that there was no China-related components, so I made up my mind to build a Chinese-style component library. On the one hand, you can review your CSS, on the other hand, you can deepen your understanding of React and components.

2. Your original dream

Should not be applied to the production environment: without professional design, how to design a component with Chinese style is really difficult, and it is difficult to make a unified set of standards – at least for me (but I met a like-minded friend shangui to help me design).

Don’t develop too many components: I’m not smart enough to convert all components to Chinese style.

3. Development & Questions

Implementation of the design: it is sometimes impractical to use CSS to achieve a beautiful Chinese style, so many components have been simplified styles, but we still try to keep the Chinese style attributes, such as lanterns, scroll, Tai Chi, bookmarks, scales, etc.

Component design: speak true, before handling component library, think they know enough about the component, but the actual development up to just know, many containing looks simple, but if you don’t contact it will never be learned, thanks to the front in the process of the bosses have good wheels, can let me happy ha ha ha ha.

4. The harvest

  • Lots of CSS tips and knowledge
  • A deeper understanding of the React component
  • A project of character
  • The desolation of blogs
  • Respect the strong design brothers and sisters in the company

5. At the end

There is nothing to write about in this article, because it is more about recording my true feelings, on the other hand I am really new at least in developing component libraries

Here I put GITHUB and the documentation. If you are interested, you can take a look at the documentation. If you are not interested, you can click “Star” to encourage me

I will keep improving the project. She is still a child now, and I look forward to the day when she grows up.

And I won’t take any judgment from any showman.