Library

React Components / v9 (@fluentui/react-components)

Describe the feature that you would like added

v9 and some cross project libraries/apps use TS path aliases, which provide excellent DX and blazing fast Application Bundling speeds with tools like swc or esbuild.

We also leverage TS solution config files within our libraries, and use tsc -b for type checking.

This inflicts huge performance penalty on type-checking execution, because TSC needs to traverse and parse all the paths on every run.

By stopping using TS path aliases mapped to source files on CI for type-checking, we can gain significant performance boost.

Have you discussed this feature with our team

@microsoft/fluentui-react-build

Additional context

Validations

• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Priority

High

Related Issues

• part of Epic: road to faster CI/CD #27359

Tasks

• RFC / docs(rfcs): type-checking-perf-improvements #30514
• improve generate-api performance
• improve build task performance
• improve type-check task performance
• migration generator / feat(workspace-plugin): implement split-library-in-two migration generator #31086
• add monosize support Feature(monosize): make packageName configurale within compare-reports command monosize#62
• update all library related generators/automations feat(workspace-plugin): make all react library generators work with both split project and old project setup #31142
• normalize storybook setup within react-components suite / chore: move all stories from react-components package to public-docsite-v9 and remove storybook setup from suite package #31440
• migrate all apps to new setup / feat: improve type-checking perf within all apps #31426
• migrate all libraries to new setup
  • v9 with stories
    • prg chore(react-components): split react libraries in two (/library and /stories) - cxe-prg #31565
    • teams
      • chore(react-components): split react libraries in two (/library and /stories) - teams-prg /1st batch #31586
      • chore(react-components): split react libraries in two (/library and /stories) - teams-prg /3rd batch #31601
    • red
      • chore(react-components): split react libraries in two (/library and /stories) - cxe-red /1st batch #31579
      • chore(react-components): split react libraries in two (/library and /stories) - cxe-red /2nd batch #31580
      • chore(react-components): split react libraries in two (/library and /stories) - last batch #31581
  • v9 without stories / chore: use new performant 'type-check' for v9 libaries #31454
  • all scripts/* / chore: normalize /scripts/* sourceRoot and use new performant 'type-check' for tools tagged libraries #31475