Framework reusability and extensibility solutions

Articles videos and articles are mostly from geek Time’s daily lesson, membership required, coupons, non-ads

The soul asks:

  • How does a framework apply to multiple projects or systems? Does a new project come, delete the business code, copy and paste a shuttle?
  • The background system is full of similar forms, tables, charts, and a lot of times copying and pasting, isn’t it a waste of life?
  • Project A wrote A bunch of components to Project B and did it all over again, and repeated the wheel for each project. Interesting?
  • Project A wrote A bunch of components, all copied to project B, no document, let people read your junk code?
  • Component A, component B, component C depend on component core. When core is updated, do you need to upgrade A, B, and C one by one?

Existing practice in China

  • Alibaba Umijs, through cli tool, through the whole process from creation to release;
  • Baidu Amis, a front-end low-code framework that generates various backend pages with JSON configuration;
  • Alibaba Flyice, visual construction page;

Related articles and videos

  • Tower of Babel in the post-engineering era: through one-stop visualization platform, the ratio of front and back ends is 20:1, and the front end does not need to write pages, so that the back end and business personnel write pages;
  • 51 Credit card front-end RESEARCH and development foundation system construction and engineering evolution: front-end from 0 to 1, from tool to platform, with engineering thinking to solve artificial problems, 51 credit can team engineering practice is worth small and medium-sized companies reference;
  • VUE component library construction practice: component library construction practice, answer what component library is good, how to manage and maintain the component library and the development direction of the component library;
  • Building infrastructure in framework development: This article focuses on a problem that most companies face: How does one framework fit multiple projects? The author from the practice of the company to give some suggestions and solutions;
  • Ant Financial front-end framework and engineering practice: This paper mainly introduces the process of UMI’s integration into jianghu, and uses CLI tool to get through the whole process from project creation to release, greatly reducing the difficulty of development, which is worth thinking and reference.
  • Thinking on the road to the front: The chairman of ali’s front committee, taking history as a mirror, analyzed the current development trend of the front, providing reference for our development, and sent out the soul to ask why others always lead the trend, is it our ability, is it we did not think, it is worth us to learn and reflect.

Framework reusability issues

Infrastructure (three options)

  • Vue-cli 3.x preset project template
  • Git simple management framework projects
  • Self-developed CLI tool

Component library construction

Version dependency update issue

  • Lerna does source code management and automatically updates dependent versions
  • Version check in the CI section
  • Based on the component
  • The business component
  • Block-level components
  • Page components
  • Visual generation of components and pages

Function of split

  • Monitoring system (exceptions, performance, user behavior…)
  • MOCK
  • The deployment of
  • permissions
  • routing
  • .

scalability

Resolution of the module

  • Micro front-end
  • MPA

If you have other good solutions to share, be sure to leave a comment below, important everyone to give a love, the world will become a beautiful world!