Let's develop a visual construction project from 0 to 1 together!

Preface

The author recently wrote this booklet about the direction of visualization construction, and put it directly at the link: https://juejin.cn/book/6930553086918262798
At the same time, 50 50% discount codes are prepared for everyone, the quantity is limited, first come first

Brochure introduction

In the current Internet environment where business needs are iteratively fast, how to help the business and provide basic support for rapid trial and error and iteration of the business is one of the unavoidable challenges. The most important part of this is "fast". Sometimes in order to meet business demands, we have to repeatedly develop some activity pages. So you may be like me, really want to use a tool that can be operated independently to assemble pages to automatically generate pages, avoiding repetitive, non-technical labor.

Compared with the status quo in the industry, both Alibaba and Tencent and other large companies have a set of visual construction systems that adapt to their own internal business appeal scenarios. Although there are differences in the implementation details, the core idea is to visualize the work that was originally developed by the human flesh pile and express it to the operating students for use. Or through lowcode to reduce the developer's duplication of labor. Because it is business-related, it is basically not open source. At present, most of the open source visualization construction projects only realize part of the visualization construction capabilities, and cannot be used completely in combination with business scenarios.

The author hopes to borrow this booklet, on the one hand, to provide a solution to problems for students who have not been exposed to visualization.
On the other hand, this booklet will introduce step by step how to implement a visual construction requirement around business scenarios from background to architecture design to technical implementation details.

about the author

Muwoo, the front-end siege lion. Previously, Luban, a visual construction platform for 51 Credit Cards for a year, released 1000+ event pages within half a year. After tossing and turning to the Ant Group, I came into contact with the internal Yunfengdie project, which had a certain impact on my visual construction concept. Now the team has also implemented a visual construction system, and has stepped on a lot of pits.

You can find me here

Github: https://github.com/muwoo

Know: https://www.zhihu.com/people/monkey-wang-

Brochure catalog

• [x] 1. Foreword: The background of the birth of visual construction
• [x] 2. Architecture Design
• [x] 3. Preliminary basic knowledge preparation
• [x] 4. Template design
• [x] 5. Template communication design
• [x] 6. Dynamic template design
• [x] 7. Stability-Template Update Strategy
• [x] 8. Global component design
• [x] 9. Global component registration
• [x] 10. Stability-component update strategy
• [x] 11. Design and implement CLI for development assistance
• [x] 12. Implementation of visual editing area
• [x] 13. Mock&Preview in Visual Editing Area
• [x] 14. vue3 Form render implementation
• [x] 15. Server-side compilation implementation
• [x] 16. Release process design
• [x] 17. Write at the end
• [x] 18. Snacks: the unresolved problems of the current visualization building
• [x] 19. Snacks: How to run the H5 visualization project locally

What will you learn?

• Historical background and direction selection of visual construction
• Understand the technical design ideas of visual construction
• Visually constructed editing area design
• Visually build dynamic form design
• Design of visual construction template
• Visualized building component design
• Visually build CLI design
• Visually build the release flow
• Visually build page update strategy and version design
• The future development direction of visually building pages

people suitble

• Familiar with commonly used js framework Vue or React
• Front-end developers who are interested in h5 visualization