Technical
Adoption rate
Making sense of metrics dashboard.
Stylebit adoption has 3 sections about adoption rate.
General
, Components
, Tokens
General
This is the formula how the adoption rate is calculated
For more information about core components and Tokens check Components and Tokens sections accordingly.
If you don’t track Tokens then tokens part is omitted and not taken into account on calculations.
Components
What are the core components ?
Core components are the components whose definitions found under
componentRoot
folder specified in your config file which is supposed to be your component’s library root folder. If you are tracking through
packageName
then core components are the components imported from that package. In this case adoption rate is almost always 100% cause whatever is imported from the package most probably is also used in your code if you have proper linting.In the component section you will also find an information about non-core
components. Just don’t get confused, they don’t have an impact on core component adoption rate.
If you are searching the ratio of components from your library to overall components then check the General
section..
Tokens
Tokens section is pretty straightforward
in the code below --white01
is used token and --zindex-tooltip
is not used token.