@douyinfe/semi-foundation

2.62.1 • Public • Published

The infrastructure layer is used to build modern component libraries.

Semi UI adopts a set of cross-front-end framework technical solutions to split the JavaScript of each component into two parts: Foundation and Adapter. This allows us to reuse Foundation code across frameworks by only re-implementing the adapter, e.g, React and Vue. Quickly build common component libraries on different platforms.

  • Foundation

    Foundation contains the business logic that best represents Semi Design without actually referencing any DOM elements. Foundation delegates Adapter methods for any logic that requires DOM manipulation

  • Adapter

    Adapter is an interface that has all the methods needed by Foundation to implement Semi Design business logic. Adapter can have many implementations, allowing interoperability with different frameworks.

Directory Structure

 ├── semi-foundation         // Foundation and Stylesheet of component
 │   ├── utils
 │   └── tooltip
 │       ├── constants.js    // Constant definition, including numbers, strings, cssClass
 │       ├── foundation.js   // Core foundation
 │       ├── tooltip.scss    // Stylesheet
 │       ├── mixin.scss      // Scss mixin
 │       ├── rtl.scss        // Rtl 
 │       ├── variables.scss  // Scss variable

Related documents

Technical solutions

image

License

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i @douyinfe/semi-foundation

Weekly Downloads

7,610

Version

2.62.1

License

MIT

Unpacked Size

7.17 MB

Total Files

1983

Last publish

Collaborators

  • yannlynn
  • yumeizhang
  • xyqnpm
  • chenyuling_99
  • point.halo
  • zwlafk
  • daiqiangreal
  • shijiatongxue
  • bytednpm
  • wuhw