[Feature]: migrate to nx

[Hotell]

Library

whole monorepo

Describe the feature that you would like added

nx suites well for our needs as a robust core building blog for best possible mix of great DX, unified tooling, excellent task orchestrator etc under "1 package". Recently nx also added release tool and support for other technologies beyond JS ecosystem which matches with what we would like have in our arsenal ( with more JS tooling shifting towards other languages ).

We already have nx in repo for quite some time, which was used only for generators and various codemods automations.

in recent months we did various preparations for actual nx migration

• adding project.json to every project
• replacing lerna functionality with nx
• bootstraped workspace-plugin

Going forward we wanna completely move to nx coherent DX in all areas.

Have you discussed this feature with our team

v-build

Additional context

No response

Tasks

• replace lerna with nx release / [Feature]: replace lerna with nx / make v0 release work #30265
• migrate to nx 18,19 / chore: migrate to nx 19.3.2 #31892
  • migrate (later)
    • eslint v8 and ts-eslint v7 [Feature]: migrate to latest eslint/@typescript-eslint #30334
• normalize project.json names to not include @fluentui scope / chore: normalize project names in whole repo #31893
• normalize target naming across monorepo
  • chore: normalize target names and target dependency graph to properly utilize cache hits #31926
  • chore: introduce bundle aware build:react-with-umd task for v8 packages that ship UMD to production(npm registry) #32031
• migrate from lage to nx for task orchestration / chore: replace lage with nx for task(targets) orchestration #31949
• update yarn start experience / feat(scripts-executors): implement new yarn start experience #32108
• update githooks and pre/post install scripts / feat(scripts-package-manager): dont run git hooks on CI, notify user to run install if needed #32169
• remove all unnecessary npm aliases from root package.json / chore: cleanup root npm script aliases and obsolete code #32286
• improve perf of task execution for v9 ( example - no need to run build before test ) / chore: update repo targetDefaults for test target to not run build and update specific v8 target dependants that needs build before test  #32280
• enable inferred task in v-build only owned projects for testing / chore(tools/*,scripts/*): enable nx plugins with project crystal for non production projects #32337
• enable nx sourceAnalyzer in order to build dependency graph instead of relying on static package.json dependency definitions / chore(nx): enable analyzeSourceFiles in order to build dependency graph based on source files instead statically defined package.json dependencies #32359
• implement just-scripts replacement for v9 related tasks / feat(workspace-plugin): scaffold executors boilerplate (build,generate-api,type-check,verify-packaging,clean) #32299
  • build executor
    • base feat(workspace-plugin): implement build executor #32439
    • d.ts emit feat(workspace-plugin): add generateApi functionality/flag to build executor #32976
  • generate-api executor / feat(workspace-plugin): implement generate-api executor #32418
  • type-check executor / feat(workspace-plugin): implement type-check executor #32370
  • clean executor / feat(workspace-plugin): implement clean executor #32401
  • verify-packaging executor / feat(workspace-plugin): implement verify-packaging executor #32403
  • lint - we will use inferred lint task created by @nx/eslint/plugin
  • test - we will use inferred lint task created by @nx/jest/plugin
  • bundle-size - keep as is (using monosize cli directly )
  • e2e - keep as is ( using cypress cli directly )
  • storybook - keep as is ( using storybook cli directly )
  • test-ssr - keep as is ( using test-ssr cli directly )
  • code-style - replace with format target ( will use nx format or prettier CLI directly ) / chore(scripts/*): replace just-scripts and npm script aliases with nx #32371
• implement workspace plugin for inferred tasks
  • feat(workspace-plugin): implement inferred plugins for clean,format,type-check targets #32393
  • feat(workspace-plugin): implement workspace inferred plugin #33028
  • feat(workspace-plugin): various executor fixes and inferred ws plugin configuration capabilities #33098
• enable inferred workspace plugin and remove all npm-alias/just-script artifacts
  • scripts,tools chore(scripts/,tools/): switch to inferred tasks #33019
  • v9 chore: migrate v9 and tools to nx inferred tasks #33074

Priority

None

Related Issues

• [Feature]: prevent usage of non v9 packages in v9 #25467
• NX 17 slow cache restore nrwl/nx#21037 (cant repro in nx 19)
• Running job that hits cache and has cached outputs slowed down after upgrading to 16.9.0 nrwl/nx#19627 (cant repro in nx 19)

NX issues

• core:runCommands: explicit --parallel argument doesn't override env variable NX_PARALLEL nrwl/nx#26903
• show project: renders duplicate target when using inferred task from package.json#scripts nrwl/nx#27143

NX Features (missing/requested)

• CLI: expose `NX_BAIL` as env variable in order to configure `--nxBail` nrwl/nx#26899
• `run-many` extend `--project`,`--exclude` filtering capabilities including filtering non publishable projects nrwl/nx#26901
• add official `metadata` property support to `targets`/`targetDefaults` (global nx.json and per project.json) nrwl/nx#27144
• nx core: support/add time duration logs in executors/plugins nrwl/nx#27712

Issues that can be closed after this Epic is implemented:

• [Bug]: lage ignore globs don't work on info command if untracked files are present #26147
• [Bug]: lage caching on CI doesn't work after bump to 1.10 #31920
• chore: Updating lage to v1.10.0 #31710
• create-react-app logs warnings for source maps with react-components #21686

[Hotell]

All tasks have been completed ! 🚀

• repo uses nx 100%
• v9 and tooling projects use nx for everything leveraging nx project crystal