diff --git a/docs/shared/angular-tutorial/01-create-application.md b/docs/shared/angular-tutorial/01-create-application.md index 95753b14b3..dbabc89b61 100644 --- a/docs/shared/angular-tutorial/01-create-application.md +++ b/docs/shared/angular-tutorial/01-create-application.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 1: Create Application - + In this tutorial you use Nx to build a full-stack application out of common libraries using modern technologies like Cypress and Nest. diff --git a/docs/shared/angular-tutorial/02-add-e2e-test.md b/docs/shared/angular-tutorial/02-add-e2e-test.md index 4b85bf5719..58bef5d334 100644 --- a/docs/shared/angular-tutorial/02-add-e2e-test.md +++ b/docs/shared/angular-tutorial/02-add-e2e-test.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 2: Add E2E Tests - + By default, Nx uses [Cypress](/cypress/overview) to run E2E tests. diff --git a/docs/shared/angular-tutorial/03-display-todos.md b/docs/shared/angular-tutorial/03-display-todos.md index 82b0603067..c3e46d00de 100644 --- a/docs/shared/angular-tutorial/03-display-todos.md +++ b/docs/shared/angular-tutorial/03-display-todos.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 3: Display Todos - + Great! You have a failing E2E test. Now you can make it pass! diff --git a/docs/shared/angular-tutorial/04-connect-to-api.md b/docs/shared/angular-tutorial/04-connect-to-api.md index 6c515847c6..bb79a5386f 100644 --- a/docs/shared/angular-tutorial/04-connect-to-api.md +++ b/docs/shared/angular-tutorial/04-connect-to-api.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 4: Connect to an API - + Real-world applications do not live in isolation — they need APIs to talk to. Setup your app to talk to an API. diff --git a/docs/shared/angular-tutorial/05-add-node-app.md b/docs/shared/angular-tutorial/05-add-node-app.md index c008dda360..d3768e995f 100644 --- a/docs/shared/angular-tutorial/05-add-node-app.md +++ b/docs/shared/angular-tutorial/05-add-node-app.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 5: Add Node Application Implementing an API - + The requests fail because the API has not been created yet. Using Nx you can develop node applications next to your Angular applications. You can use same commands to run and test them. You can share code between the backend and the frontend. Use this capability to implement the API service. diff --git a/docs/shared/angular-tutorial/06-proxy.md b/docs/shared/angular-tutorial/06-proxy.md index 21d2acf3e2..54ed196882 100644 --- a/docs/shared/angular-tutorial/06-proxy.md +++ b/docs/shared/angular-tutorial/06-proxy.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 6: Proxy - + You passed `--frontendProject=todos` when creating the node application. What did that argument do? diff --git a/docs/shared/angular-tutorial/07-share-code.md b/docs/shared/angular-tutorial/07-share-code.md index 74a388af70..50c9f41d78 100644 --- a/docs/shared/angular-tutorial/07-share-code.md +++ b/docs/shared/angular-tutorial/07-share-code.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 7: Share Code - + Awesome! The application is working end to end! However, there is a problem. Both the backend and the frontend define the `Todo` interface. The interface is in sync now, but in a real application, over time, it will diverge, and, as a result, runtime errors will creep in. You should share this interface between the backend and the frontend. In Nx, you can do this by creating a library. diff --git a/docs/shared/angular-tutorial/08-create-libs.md b/docs/shared/angular-tutorial/08-create-libs.md index 62072ea947..af7986cec2 100644 --- a/docs/shared/angular-tutorial/08-create-libs.md +++ b/docs/shared/angular-tutorial/08-create-libs.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 8: Create Libs - + Libraries are not just a way to share code in Nx. They are also useful for factoring out code into small units with a well-defined public API. diff --git a/docs/shared/angular-tutorial/09-dep-graph.md b/docs/shared/angular-tutorial/09-dep-graph.md index b0506fddc9..1374169100 100644 --- a/docs/shared/angular-tutorial/09-dep-graph.md +++ b/docs/shared/angular-tutorial/09-dep-graph.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 9: Using the Depedency Graph - + An Nx workspace can contain dozens or hundreds of applications and libraries. As a codebase grows, it becomes more difficult to understand how they depend on each other and the implications of making a particular change. diff --git a/docs/shared/angular-tutorial/10-computation-caching.md b/docs/shared/angular-tutorial/10-computation-caching.md index 64c7f69354..689a1c37f0 100644 --- a/docs/shared/angular-tutorial/10-computation-caching.md +++ b/docs/shared/angular-tutorial/10-computation-caching.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 10: Computation Caching - + Nx has built-in computation caching, which helps drastically improve the performance of the commands. diff --git a/docs/shared/angular-tutorial/11-test-affected-projects.md b/docs/shared/angular-tutorial/11-test-affected-projects.md index e835308b30..755ba4d47b 100644 --- a/docs/shared/angular-tutorial/11-test-affected-projects.md +++ b/docs/shared/angular-tutorial/11-test-affected-projects.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 11: Testing Affected Projects - + Because Nx understands the dependency graph of your workspace, Nx is efficient at retesting and rebuilding your projects. diff --git a/docs/shared/console.md b/docs/shared/console.md index d6fd962da3..8e13ca6ed2 100644 --- a/docs/shared/console.md +++ b/docs/shared/console.md @@ -55,35 +55,35 @@ Even though we started building Nx Console as a tool for experts, we also aimed The `Generate` action allows you to choose a generator and then opens a form listing out all the options for that generator. As you make changes to the form, the generator is executed in `--dry-run` mode in a terminal so you can preview the results of running the generator in real time. - + **From the Command Palette** You can also launch the `Generate` action from the Command Palette (`⇧⌘P`) by selecting `nx: generate (ui)`. - + You can even construct the generator options while staying entirely within the Command Palette. Use `⇧⌘P` to open the Command Palette, then select `nx: generate`. After choosing a generator, select any of the listed options to modify the generator command. When you're satisfied with the constructed command, choose the `Execute` command at the top of the list. - + #### Run The `Run` action allows you to choose an executor command and then opens a form listing out all the options for that executor. The frequently used executor commands `build`, `serve`, `test`, `e2e` and `lint` also have their own dedicated actions. - + **From the Command Palette** You can also construct the executor command options while staying entirely within the Command Palette. Use `⇧⌘P` to open the Command Palette, then select `nx: test`. After choosing a project, select any of the listed options to modify the executor command options. When you're satisfied with the constructed command, choose the `Execute` command at the top of the list. - + #### Common Nx Commands You can also launch other common Nx commands with the options listed out in the Command Palette. - + #### Projects @@ -95,7 +95,7 @@ Clicking the ![folder-light.svg](./folder-light.svg) icon next to a project reve Clicking the ![continue-light.svg](./continue-light.svg) icon next to an executor command executes that command without prompting for options. - + #### Streamlining diff --git a/docs/shared/getting-started/nx-and-angular.md b/docs/shared/getting-started/nx-and-angular.md index d5476aa869..71c7934152 100644 --- a/docs/shared/getting-started/nx-and-angular.md +++ b/docs/shared/getting-started/nx-and-angular.md @@ -25,7 +25,7 @@ modern tools and libraries like [Jest](/jest/overview), [Cypress](/cypress/overv ### 10-min Video Overview - + Check out the following to get started: diff --git a/docs/shared/getting-started/nx-and-react.md b/docs/shared/getting-started/nx-and-react.md index 880cf1b0ef..ef1064ad00 100644 --- a/docs/shared/getting-started/nx-and-react.md +++ b/docs/shared/getting-started/nx-and-react.md @@ -25,7 +25,7 @@ frameworks like [Gatsby](/gatsby/overview), [Next.js](/guides/nextjs), Remix, an ### 10-min Video Overview - + Check out the following to get started: diff --git a/docs/shared/guides/nx-and-ts.md b/docs/shared/guides/nx-and-ts.md index 4e4dde82f1..7370247af5 100644 --- a/docs/shared/guides/nx-and-ts.md +++ b/docs/shared/guides/nx-and-ts.md @@ -6,7 +6,7 @@ The `@nrwl/js` package ships with corresponding generators and executors that be > Note, you can also opt-out of TypeScript and use plain JavaScript by passing the `--js` flag to the generators. - + `@nrwl/js` is particularly useful if you want to diff --git a/docs/shared/guides/storybook/migrate-webpack-final-react.md b/docs/shared/guides/storybook/migrate-webpack-final-react.md index 9caec1350d..93387384fa 100644 --- a/docs/shared/guides/storybook/migrate-webpack-final-react.md +++ b/docs/shared/guides/storybook/migrate-webpack-final-react.md @@ -2,7 +2,7 @@ Nx 12.7 comes with a dedicated Storybook preset for React which drammatically simplifies the Storybook setup and makes sure that Storybook uses the same webpack configuration as your React applications running within an Nx workspace. - + Here are the main differences to the previous versions of Nx: diff --git a/docs/shared/migration/adding-to-monorepo.md b/docs/shared/migration/adding-to-monorepo.md index 0f763fb851..9bbecca402 100644 --- a/docs/shared/migration/adding-to-monorepo.md +++ b/docs/shared/migration/adding-to-monorepo.md @@ -12,7 +12,7 @@ npx add-nx-to-monorepo Watch this 3-min video to see how the command works and what next steps are: - + `npx add-nx-to-monorepo` does the following: @@ -94,7 +94,7 @@ tools because it looks not just at the changed files but also at the nature of t Run `nx dep-graph` to see a visualization of your workspace. `nx affected:dep-graph` shows what is affected by your commit. `nx dep-graph --watch` watches your workspace for changes and updates the visualization. - + ### GitHub integration @@ -215,12 +215,12 @@ If you want to disable the source code analysis, to make Nx match Lerna, add the ### Speeding Up Facebook React Monorepo with Nx - + ### Speeding Up Remotion Monorepo with Nx - + ### Speeding Up Storybook Monorepo with Nx - + diff --git a/docs/shared/migration/migration-cra.md b/docs/shared/migration/migration-cra.md index 6a8782955b..99d15aeee8 100644 --- a/docs/shared/migration/migration-cra.md +++ b/docs/shared/migration/migration-cra.md @@ -25,7 +25,7 @@ Start from [the commands mentioned in this article](https://nx.dev/migration/mig See it in action: - + ## Doing the migration manually diff --git a/docs/shared/node-tutorial/01-create-application.md b/docs/shared/node-tutorial/01-create-application.md index cc2419cec7..928e01b5c9 100644 --- a/docs/shared/node-tutorial/01-create-application.md +++ b/docs/shared/node-tutorial/01-create-application.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 1: Create Application - + In this tutorial you use Nx to build a server application out of common libraries using modern technologies. diff --git a/docs/shared/node-tutorial/02-display-todos.md b/docs/shared/node-tutorial/02-display-todos.md index 6477d2d921..1a6eced42e 100644 --- a/docs/shared/node-tutorial/02-display-todos.md +++ b/docs/shared/node-tutorial/02-display-todos.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 2: Display todos - + Great! you now have a server application set up to show some data when going to the `/api` route. diff --git a/docs/shared/node-tutorial/03-share-code.md b/docs/shared/node-tutorial/03-share-code.md index c36f210417..628ddc6cfd 100644 --- a/docs/shared/node-tutorial/03-share-code.md +++ b/docs/shared/node-tutorial/03-share-code.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 3: Share Code - + Awesome! The application is working as expected! diff --git a/docs/shared/node-tutorial/04-create-libs.md b/docs/shared/node-tutorial/04-create-libs.md index bf08085503..0f94591928 100644 --- a/docs/shared/node-tutorial/04-create-libs.md +++ b/docs/shared/node-tutorial/04-create-libs.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 4: Create Libraries - + Libraries are not just a way to share code in Nx. They are also useful for factoring out code into small units with a well-defined public API. diff --git a/docs/shared/node-tutorial/05-dep-graph.md b/docs/shared/node-tutorial/05-dep-graph.md index a1cfde217c..1b567080c5 100644 --- a/docs/shared/node-tutorial/05-dep-graph.md +++ b/docs/shared/node-tutorial/05-dep-graph.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 5: Dep Graph - + An Nx workspace can contain dozens or hundreds of applications and libraries. As a codebase grows, it becomes more difficult to understand how they depend on each other and the implications of making a particular change. diff --git a/docs/shared/node-tutorial/06-computation-caching.md b/docs/shared/node-tutorial/06-computation-caching.md index ac0ebbfd47..6eb4842580 100644 --- a/docs/shared/node-tutorial/06-computation-caching.md +++ b/docs/shared/node-tutorial/06-computation-caching.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 6: Computation Caching - + Nx has built-in computation caching, which drastically improves the performance of the commands. diff --git a/docs/shared/node-tutorial/07-test-affected-projects.md b/docs/shared/node-tutorial/07-test-affected-projects.md index 3e2b219a52..d8555e7e81 100644 --- a/docs/shared/node-tutorial/07-test-affected-projects.md +++ b/docs/shared/node-tutorial/07-test-affected-projects.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 7: Test Affected Projects - + In addition to supporting computation caching, Nx scales your development by doing code change analysis to see what apps or libraries are affected by a particular pull request. diff --git a/docs/shared/nx-core.md b/docs/shared/nx-core.md index 396c218b7a..d4bcc64444 100644 --- a/docs/shared/nx-core.md +++ b/docs/shared/nx-core.md @@ -195,4 +195,4 @@ what `build` means. It can be an npm script, a custom Nx executor, a Gradle task As you can see, the core of Nx is generic, simple, and unobtrusive. Nx Plugins are completely optional, but they can really level up your developer experience. Watch this video to see the plugins in action. - + diff --git a/docs/shared/nx-plugin.md b/docs/shared/nx-plugin.md index 7cd6dd1eed..88d91abbe6 100644 --- a/docs/shared/nx-plugin.md +++ b/docs/shared/nx-plugin.md @@ -6,7 +6,7 @@ Nx plugins are npm packages that contain generators and executors to extend a Nx > A list of custom plugins created by the community is found in the [Community](/community) section. > Plugins are written using Nx Devkit. **Read [Nx Devkit](/getting-started/nx-devkit) for more information.** - + ## Generating a Plugin diff --git a/docs/shared/react-tutorial/01-create-application.md b/docs/shared/react-tutorial/01-create-application.md index 901af257a8..b7eff6dbf2 100644 --- a/docs/shared/react-tutorial/01-create-application.md +++ b/docs/shared/react-tutorial/01-create-application.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 1: Create Application - + In this tutorial you use Nx to build a full-stack application out of common libraries using modern technologies. diff --git a/docs/shared/react-tutorial/02-add-e2e-test.md b/docs/shared/react-tutorial/02-add-e2e-test.md index 9747d12b80..4c405a359d 100644 --- a/docs/shared/react-tutorial/02-add-e2e-test.md +++ b/docs/shared/react-tutorial/02-add-e2e-test.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 2: Add E2E Tests - + By default, Nx uses [Cypress](https://cypress.io) to run E2E tests. diff --git a/docs/shared/react-tutorial/03-display-todos.md b/docs/shared/react-tutorial/03-display-todos.md index 95fc83f453..a546ab29a5 100644 --- a/docs/shared/react-tutorial/03-display-todos.md +++ b/docs/shared/react-tutorial/03-display-todos.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 3: Display Todos - + Great! You have a failing E2E test. Now you can make it pass! diff --git a/docs/shared/react-tutorial/04-connect-to-api.md b/docs/shared/react-tutorial/04-connect-to-api.md index 00c5d19c56..a801517ab2 100644 --- a/docs/shared/react-tutorial/04-connect-to-api.md +++ b/docs/shared/react-tutorial/04-connect-to-api.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 4: Connect to an API - + Real-world applications do not live in isolation — they need APIs to talk to. Setup your app to talk to an API. diff --git a/docs/shared/react-tutorial/05-add-node-app.md b/docs/shared/react-tutorial/05-add-node-app.md index 10f2f778f4..5cee68c09b 100644 --- a/docs/shared/react-tutorial/05-add-node-app.md +++ b/docs/shared/react-tutorial/05-add-node-app.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 5: Add Node Application Implementing API - + The requests fail because the API has not been created yet. Using Nx you develop node applications next to your React applications. You can use same commands to run and test them. You share code between the backend and the frontend. Use this capability to implement the API service. diff --git a/docs/shared/react-tutorial/06-proxy.md b/docs/shared/react-tutorial/06-proxy.md index b5d543cbce..1bb46ef15e 100644 --- a/docs/shared/react-tutorial/06-proxy.md +++ b/docs/shared/react-tutorial/06-proxy.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 6: Proxy Configuration - + You passed `--frontendProject=todos` when creating the node application. What did that argument do? diff --git a/docs/shared/react-tutorial/07-share-code.md b/docs/shared/react-tutorial/07-share-code.md index 1fc90bafba..3c1772e292 100644 --- a/docs/shared/react-tutorial/07-share-code.md +++ b/docs/shared/react-tutorial/07-share-code.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 7: Share Code - + Awesome! The application is working end to end! However, there is a problem. Both the backend and the frontend define the `Todo` interface. The interface is in sync now, but in a real application, over time, it diverges, and, as a result, runtime errors creep in. You should share this interface between the backend and the frontend. In Nx, you do this by creating a library. diff --git a/docs/shared/react-tutorial/08-create-libs.md b/docs/shared/react-tutorial/08-create-libs.md index e270bbe655..4cf79bc9b2 100644 --- a/docs/shared/react-tutorial/08-create-libs.md +++ b/docs/shared/react-tutorial/08-create-libs.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 8: Create Libs - + Libraries are not just a way to share code in Nx. They are also useful for factoring out code into small units with a well-defined public API. diff --git a/docs/shared/react-tutorial/09-dep-graph.md b/docs/shared/react-tutorial/09-dep-graph.md index f8a6b2c1ce..fef2e7ae7f 100644 --- a/docs/shared/react-tutorial/09-dep-graph.md +++ b/docs/shared/react-tutorial/09-dep-graph.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 9: Dep Graph - + An Nx workspace can contain dozens or hundreds of applications and libraries. As a codebase grows, it can be difficult to understand how they depend on each other and the implications of making a particular change. diff --git a/docs/shared/react-tutorial/10-computation-caching.md b/docs/shared/react-tutorial/10-computation-caching.md index 0291e34a32..4f460f9ccd 100644 --- a/docs/shared/react-tutorial/10-computation-caching.md +++ b/docs/shared/react-tutorial/10-computation-caching.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 10: Computation Caching - + Nx has built-in computation caching, which helps drastically improve the performance of the commands. diff --git a/docs/shared/react-tutorial/11-test-affected-projects.md b/docs/shared/react-tutorial/11-test-affected-projects.md index 9cf9f70ab9..1e5dfae134 100644 --- a/docs/shared/react-tutorial/11-test-affected-projects.md +++ b/docs/shared/react-tutorial/11-test-affected-projects.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 11: Test Affected Projects - + In addition to supporting computation caching, Nx scales your development by doing code change analysis to see what is affected by a particular pull request. diff --git a/docs/shared/workspace/structure/dependency-graph.md b/docs/shared/workspace/structure/dependency-graph.md index fe27008705..0689f5b90a 100644 --- a/docs/shared/workspace/structure/dependency-graph.md +++ b/docs/shared/workspace/structure/dependency-graph.md @@ -2,7 +2,7 @@ To be able to support the monorepo-style development, the tools must know how different projects in your workspace depend on each other. Nx uses advanced code analysis to construct this dependency graph. And it gives you a way to explore it: - + ## How the Project Graph is Built diff --git a/nx-dev/nx-dev/pages/community.tsx b/nx-dev/nx-dev/pages/community.tsx index f8b86e9846..493f085cda 100644 --- a/nx-dev/nx-dev/pages/community.tsx +++ b/nx-dev/nx-dev/pages/community.tsx @@ -242,6 +242,7 @@ export function Community(props: CommunityProps) { Get started with building your own plugin!

+ In this tutorial you use Nx to build a full-stack application out of common libraries using modern technologies like Cypress and Nest. diff --git a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/02-add-e2e-test.md b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/02-add-e2e-test.md index 4b85bf5719..58bef5d334 100644 --- a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/02-add-e2e-test.md +++ b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/02-add-e2e-test.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 2: Add E2E Tests - + By default, Nx uses [Cypress](/cypress/overview) to run E2E tests. diff --git a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/03-display-todos.md b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/03-display-todos.md index 82b0603067..c3e46d00de 100644 --- a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/03-display-todos.md +++ b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/03-display-todos.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 3: Display Todos - + Great! You have a failing E2E test. Now you can make it pass! diff --git a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/04-connect-to-api.md b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/04-connect-to-api.md index 6c515847c6..bb79a5386f 100644 --- a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/04-connect-to-api.md +++ b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/04-connect-to-api.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 4: Connect to an API - + Real-world applications do not live in isolation — they need APIs to talk to. Setup your app to talk to an API. diff --git a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/05-add-node-app.md b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/05-add-node-app.md index c008dda360..d3768e995f 100644 --- a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/05-add-node-app.md +++ b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/05-add-node-app.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 5: Add Node Application Implementing an API - + The requests fail because the API has not been created yet. Using Nx you can develop node applications next to your Angular applications. You can use same commands to run and test them. You can share code between the backend and the frontend. Use this capability to implement the API service. diff --git a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/06-proxy.md b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/06-proxy.md index 21d2acf3e2..54ed196882 100644 --- a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/06-proxy.md +++ b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/06-proxy.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 6: Proxy - + You passed `--frontendProject=todos` when creating the node application. What did that argument do? diff --git a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/07-share-code.md b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/07-share-code.md index 74a388af70..50c9f41d78 100644 --- a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/07-share-code.md +++ b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/07-share-code.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 7: Share Code - + Awesome! The application is working end to end! However, there is a problem. Both the backend and the frontend define the `Todo` interface. The interface is in sync now, but in a real application, over time, it will diverge, and, as a result, runtime errors will creep in. You should share this interface between the backend and the frontend. In Nx, you can do this by creating a library. diff --git a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/08-create-libs.md b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/08-create-libs.md index 62072ea947..af7986cec2 100644 --- a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/08-create-libs.md +++ b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/08-create-libs.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 8: Create Libs - + Libraries are not just a way to share code in Nx. They are also useful for factoring out code into small units with a well-defined public API. diff --git a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/09-dep-graph.md b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/09-dep-graph.md index b0506fddc9..1374169100 100644 --- a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/09-dep-graph.md +++ b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/09-dep-graph.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 9: Using the Depedency Graph - + An Nx workspace can contain dozens or hundreds of applications and libraries. As a codebase grows, it becomes more difficult to understand how they depend on each other and the implications of making a particular change. diff --git a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/10-computation-caching.md b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/10-computation-caching.md index 64c7f69354..689a1c37f0 100644 --- a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/10-computation-caching.md +++ b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/10-computation-caching.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 10: Computation Caching - + Nx has built-in computation caching, which helps drastically improve the performance of the commands. diff --git a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/11-test-affected-projects.md b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/11-test-affected-projects.md index e835308b30..755ba4d47b 100644 --- a/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/11-test-affected-projects.md +++ b/nx-dev/nx-dev/public/documentation/shared/angular-tutorial/11-test-affected-projects.md @@ -1,6 +1,6 @@ # Angular Nx Tutorial - Step 11: Testing Affected Projects - + Because Nx understands the dependency graph of your workspace, Nx is efficient at retesting and rebuilding your projects. diff --git a/nx-dev/nx-dev/public/documentation/shared/console.md b/nx-dev/nx-dev/public/documentation/shared/console.md index d6fd962da3..8e13ca6ed2 100644 --- a/nx-dev/nx-dev/public/documentation/shared/console.md +++ b/nx-dev/nx-dev/public/documentation/shared/console.md @@ -55,35 +55,35 @@ Even though we started building Nx Console as a tool for experts, we also aimed The `Generate` action allows you to choose a generator and then opens a form listing out all the options for that generator. As you make changes to the form, the generator is executed in `--dry-run` mode in a terminal so you can preview the results of running the generator in real time. - + **From the Command Palette** You can also launch the `Generate` action from the Command Palette (`⇧⌘P`) by selecting `nx: generate (ui)`. - + You can even construct the generator options while staying entirely within the Command Palette. Use `⇧⌘P` to open the Command Palette, then select `nx: generate`. After choosing a generator, select any of the listed options to modify the generator command. When you're satisfied with the constructed command, choose the `Execute` command at the top of the list. - + #### Run The `Run` action allows you to choose an executor command and then opens a form listing out all the options for that executor. The frequently used executor commands `build`, `serve`, `test`, `e2e` and `lint` also have their own dedicated actions. - + **From the Command Palette** You can also construct the executor command options while staying entirely within the Command Palette. Use `⇧⌘P` to open the Command Palette, then select `nx: test`. After choosing a project, select any of the listed options to modify the executor command options. When you're satisfied with the constructed command, choose the `Execute` command at the top of the list. - + #### Common Nx Commands You can also launch other common Nx commands with the options listed out in the Command Palette. - + #### Projects @@ -95,7 +95,7 @@ Clicking the ![folder-light.svg](./folder-light.svg) icon next to a project reve Clicking the ![continue-light.svg](./continue-light.svg) icon next to an executor command executes that command without prompting for options. - + #### Streamlining diff --git a/nx-dev/nx-dev/public/documentation/shared/detox-logo.png b/nx-dev/nx-dev/public/documentation/shared/detox-logo.png index 0ccc1777fd..e09e2bf3c2 100644 Binary files a/nx-dev/nx-dev/public/documentation/shared/detox-logo.png and b/nx-dev/nx-dev/public/documentation/shared/detox-logo.png differ diff --git a/nx-dev/nx-dev/public/documentation/shared/detox-plugin.md b/nx-dev/nx-dev/public/documentation/shared/detox-plugin.md index 28eeea5836..ebb56b962f 100644 --- a/nx-dev/nx-dev/public/documentation/shared/detox-plugin.md +++ b/nx-dev/nx-dev/public/documentation/shared/detox-plugin.md @@ -87,30 +87,22 @@ In addition, you need to follow [instructions at Detox](https://github.com/wix/D ### Testing Applications -- Run `nx e2e-ios frontend-e2e` to build the iOS app and execute e2e tests with Detox for iOS (Mac only) -- Run `nx e2e-android frontend-e2e` to build the Android app and execute e2e tests with Detox for Android +- Run `nx test-ios frontend-e2e` to build the iOS app and execute e2e tests with Detox for iOS (Mac only) +- Run `nx test-android frontend-e2e` to build the Android app and execute e2e tests with Detox for Android -You can also run below commands: +You can run below commands: - `nx build-ios frontend-e2e`: build the iOS app (Mac only) -- `nx test-ios frontend-e2e`: run e2e tests on the built iOS app (Mac only) - `nx build-android frontend-e2e`: build the Android app -- `nx test-android frontend-e2e`: run e2e tests on the built Android app - -`e2e-ios` is a shorthand command for running `build-ios` and `test-ios` sequentailly. -`android-ios` is a shorthand command for running `build-android` and `test-android` sequentailly. ### Testing against Prod Build You can run your e2e test against a production build: -- `nx e2e-ios frontend-e2e --prod` for iOS -- `nx e2e-android frontend-e2e --prod` for Android - -- `nx build-ios frontend-e2e --prod`: build the iOS app using Release configuration -- `nx test-ios frontend-e2e --prod`: run e2e tests on the built iOS app with Release configuration (Mac only) +- `nx test-ios frontend-e2e --prod`: to build the iOS app and execute e2e tests with Detox for iOS with Release configuration (Mac only) +- `nx test-android frontend-e2e`: rto build the Android app and execute e2e tests with Detox for Android with release build type +- `nx build-ios frontend-e2e --prod`: build the iOS app using Release configuration (Mac only) - `nx build-android frontend-e2e --prod`: build the Android app using release build type -- `nx test-android frontend-e2e`: run e2e tests on the built Android app with release build type ### Using .detoxrc.json @@ -125,8 +117,6 @@ For Android, in terminal, run `emulator -list-avds` to view a list of emulators In additon, to override the device name specified in a configuration, you could use `--device-name` option: `nx test-ios --device-name "iPhone 11"`. The `device-name` property provides you the ability to test an application run on specific device. ```bash -nx e2e-ios frontend-e2e --device-name "iPhone 11" -nx e2e-android frontend-e2e --device-name "Pixel_4a_API_30" nx test-ios frontend-e2e --device-name "iPhone 11" nx test-android frontend-e2e --device-name "Pixel_4a_API_30" ``` diff --git a/nx-dev/nx-dev/public/documentation/shared/getting-started/nx-and-angular.md b/nx-dev/nx-dev/public/documentation/shared/getting-started/nx-and-angular.md index d5476aa869..71c7934152 100644 --- a/nx-dev/nx-dev/public/documentation/shared/getting-started/nx-and-angular.md +++ b/nx-dev/nx-dev/public/documentation/shared/getting-started/nx-and-angular.md @@ -25,7 +25,7 @@ modern tools and libraries like [Jest](/jest/overview), [Cypress](/cypress/overv ### 10-min Video Overview - + Check out the following to get started: diff --git a/nx-dev/nx-dev/public/documentation/shared/getting-started/nx-and-react.md b/nx-dev/nx-dev/public/documentation/shared/getting-started/nx-and-react.md index 880cf1b0ef..ef1064ad00 100644 --- a/nx-dev/nx-dev/public/documentation/shared/getting-started/nx-and-react.md +++ b/nx-dev/nx-dev/public/documentation/shared/getting-started/nx-and-react.md @@ -25,7 +25,7 @@ frameworks like [Gatsby](/gatsby/overview), [Next.js](/guides/nextjs), Remix, an ### 10-min Video Overview - + Check out the following to get started: diff --git a/nx-dev/nx-dev/public/documentation/shared/guides/nx-and-ts.md b/nx-dev/nx-dev/public/documentation/shared/guides/nx-and-ts.md index 4e4dde82f1..7370247af5 100644 --- a/nx-dev/nx-dev/public/documentation/shared/guides/nx-and-ts.md +++ b/nx-dev/nx-dev/public/documentation/shared/guides/nx-and-ts.md @@ -6,7 +6,7 @@ The `@nrwl/js` package ships with corresponding generators and executors that be > Note, you can also opt-out of TypeScript and use plain JavaScript by passing the `--js` flag to the generators. - + `@nrwl/js` is particularly useful if you want to diff --git a/nx-dev/nx-dev/public/documentation/shared/guides/react-native.md b/nx-dev/nx-dev/public/documentation/shared/guides/react-native.md index 13fc0c92ca..cc242201ab 100644 --- a/nx-dev/nx-dev/public/documentation/shared/guides/react-native.md +++ b/nx-dev/nx-dev/public/documentation/shared/guides/react-native.md @@ -103,13 +103,13 @@ No CLI support yet. Run in the Xcode project. See: https://reactnative.dev/docs/ **Android:** ```sh -npx nx e2e-android mobile-e2e +npx nx test-android mobile-e2e ``` **iOS:** (Mac only) ```sh -npx nx e2e-ios mobile-e2e +npx nx test-ios mobile-e2e ``` When using React Native in Nx, you get the out-of-the-box support for TypeScript, Detox, and Jest. No need to configure anything: watch mode, source maps, and typings just work. @@ -244,8 +244,8 @@ Run `npx nx build shared-ui-layout` to build the library. It will generate the f dist/libs/shared-ui-layout/ ├── README.md ├── index.d.ts -├── lib -│ └── layout +├── lib/ +│ └── layout/ │ └── layout.d.ts ├── package.json ├── shared-ui-layout.esm.css diff --git a/nx-dev/nx-dev/public/documentation/shared/guides/storybook/migrate-webpack-final-react.md b/nx-dev/nx-dev/public/documentation/shared/guides/storybook/migrate-webpack-final-react.md index 9caec1350d..93387384fa 100644 --- a/nx-dev/nx-dev/public/documentation/shared/guides/storybook/migrate-webpack-final-react.md +++ b/nx-dev/nx-dev/public/documentation/shared/guides/storybook/migrate-webpack-final-react.md @@ -2,7 +2,7 @@ Nx 12.7 comes with a dedicated Storybook preset for React which drammatically simplifies the Storybook setup and makes sure that Storybook uses the same webpack configuration as your React applications running within an Nx workspace. - + Here are the main differences to the previous versions of Nx: diff --git a/nx-dev/nx-dev/public/documentation/shared/migration/adding-to-monorepo.md b/nx-dev/nx-dev/public/documentation/shared/migration/adding-to-monorepo.md index 0f763fb851..9bbecca402 100644 --- a/nx-dev/nx-dev/public/documentation/shared/migration/adding-to-monorepo.md +++ b/nx-dev/nx-dev/public/documentation/shared/migration/adding-to-monorepo.md @@ -12,7 +12,7 @@ npx add-nx-to-monorepo Watch this 3-min video to see how the command works and what next steps are: - + `npx add-nx-to-monorepo` does the following: @@ -94,7 +94,7 @@ tools because it looks not just at the changed files but also at the nature of t Run `nx dep-graph` to see a visualization of your workspace. `nx affected:dep-graph` shows what is affected by your commit. `nx dep-graph --watch` watches your workspace for changes and updates the visualization. - + ### GitHub integration @@ -215,12 +215,12 @@ If you want to disable the source code analysis, to make Nx match Lerna, add the ### Speeding Up Facebook React Monorepo with Nx - + ### Speeding Up Remotion Monorepo with Nx - + ### Speeding Up Storybook Monorepo with Nx - + diff --git a/nx-dev/nx-dev/public/documentation/shared/migration/migration-cra.md b/nx-dev/nx-dev/public/documentation/shared/migration/migration-cra.md index 6a8782955b..99d15aeee8 100644 --- a/nx-dev/nx-dev/public/documentation/shared/migration/migration-cra.md +++ b/nx-dev/nx-dev/public/documentation/shared/migration/migration-cra.md @@ -25,7 +25,7 @@ Start from [the commands mentioned in this article](https://nx.dev/migration/mig See it in action: - + ## Doing the migration manually diff --git a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/01-create-application.md b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/01-create-application.md index cc2419cec7..928e01b5c9 100644 --- a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/01-create-application.md +++ b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/01-create-application.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 1: Create Application - + In this tutorial you use Nx to build a server application out of common libraries using modern technologies. diff --git a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/02-display-todos.md b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/02-display-todos.md index 6477d2d921..1a6eced42e 100644 --- a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/02-display-todos.md +++ b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/02-display-todos.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 2: Display todos - + Great! you now have a server application set up to show some data when going to the `/api` route. diff --git a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/03-share-code.md b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/03-share-code.md index c36f210417..628ddc6cfd 100644 --- a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/03-share-code.md +++ b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/03-share-code.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 3: Share Code - + Awesome! The application is working as expected! diff --git a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/04-create-libs.md b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/04-create-libs.md index bf08085503..0f94591928 100644 --- a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/04-create-libs.md +++ b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/04-create-libs.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 4: Create Libraries - + Libraries are not just a way to share code in Nx. They are also useful for factoring out code into small units with a well-defined public API. diff --git a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/05-dep-graph.md b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/05-dep-graph.md index a1cfde217c..1b567080c5 100644 --- a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/05-dep-graph.md +++ b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/05-dep-graph.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 5: Dep Graph - + An Nx workspace can contain dozens or hundreds of applications and libraries. As a codebase grows, it becomes more difficult to understand how they depend on each other and the implications of making a particular change. diff --git a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/06-computation-caching.md b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/06-computation-caching.md index ac0ebbfd47..6eb4842580 100644 --- a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/06-computation-caching.md +++ b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/06-computation-caching.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 6: Computation Caching - + Nx has built-in computation caching, which drastically improves the performance of the commands. diff --git a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/07-test-affected-projects.md b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/07-test-affected-projects.md index 3e2b219a52..d8555e7e81 100644 --- a/nx-dev/nx-dev/public/documentation/shared/node-tutorial/07-test-affected-projects.md +++ b/nx-dev/nx-dev/public/documentation/shared/node-tutorial/07-test-affected-projects.md @@ -1,6 +1,6 @@ # Node Nx Tutorial - Step 7: Test Affected Projects - + In addition to supporting computation caching, Nx scales your development by doing code change analysis to see what apps or libraries are affected by a particular pull request. diff --git a/nx-dev/nx-dev/public/documentation/shared/nx-core.md b/nx-dev/nx-dev/public/documentation/shared/nx-core.md index 396c218b7a..d4bcc64444 100644 --- a/nx-dev/nx-dev/public/documentation/shared/nx-core.md +++ b/nx-dev/nx-dev/public/documentation/shared/nx-core.md @@ -195,4 +195,4 @@ what `build` means. It can be an npm script, a custom Nx executor, a Gradle task As you can see, the core of Nx is generic, simple, and unobtrusive. Nx Plugins are completely optional, but they can really level up your developer experience. Watch this video to see the plugins in action. - + diff --git a/nx-dev/nx-dev/public/documentation/shared/nx-plugin.md b/nx-dev/nx-dev/public/documentation/shared/nx-plugin.md index 7cd6dd1eed..88d91abbe6 100644 --- a/nx-dev/nx-dev/public/documentation/shared/nx-plugin.md +++ b/nx-dev/nx-dev/public/documentation/shared/nx-plugin.md @@ -6,7 +6,7 @@ Nx plugins are npm packages that contain generators and executors to extend a Nx > A list of custom plugins created by the community is found in the [Community](/community) section. > Plugins are written using Nx Devkit. **Read [Nx Devkit](/getting-started/nx-devkit) for more information.** - + ## Generating a Plugin diff --git a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/01-create-application.md b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/01-create-application.md index 901af257a8..b7eff6dbf2 100644 --- a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/01-create-application.md +++ b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/01-create-application.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 1: Create Application - + In this tutorial you use Nx to build a full-stack application out of common libraries using modern technologies. diff --git a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/02-add-e2e-test.md b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/02-add-e2e-test.md index 9747d12b80..4c405a359d 100644 --- a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/02-add-e2e-test.md +++ b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/02-add-e2e-test.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 2: Add E2E Tests - + By default, Nx uses [Cypress](https://cypress.io) to run E2E tests. diff --git a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/03-display-todos.md b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/03-display-todos.md index 95fc83f453..a546ab29a5 100644 --- a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/03-display-todos.md +++ b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/03-display-todos.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 3: Display Todos - + Great! You have a failing E2E test. Now you can make it pass! diff --git a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/04-connect-to-api.md b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/04-connect-to-api.md index 00c5d19c56..a801517ab2 100644 --- a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/04-connect-to-api.md +++ b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/04-connect-to-api.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 4: Connect to an API - + Real-world applications do not live in isolation — they need APIs to talk to. Setup your app to talk to an API. diff --git a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/05-add-node-app.md b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/05-add-node-app.md index 10f2f778f4..5cee68c09b 100644 --- a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/05-add-node-app.md +++ b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/05-add-node-app.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 5: Add Node Application Implementing API - + The requests fail because the API has not been created yet. Using Nx you develop node applications next to your React applications. You can use same commands to run and test them. You share code between the backend and the frontend. Use this capability to implement the API service. diff --git a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/06-proxy.md b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/06-proxy.md index b5d543cbce..1bb46ef15e 100644 --- a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/06-proxy.md +++ b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/06-proxy.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 6: Proxy Configuration - + You passed `--frontendProject=todos` when creating the node application. What did that argument do? diff --git a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/07-share-code.md b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/07-share-code.md index 1fc90bafba..3c1772e292 100644 --- a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/07-share-code.md +++ b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/07-share-code.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 7: Share Code - + Awesome! The application is working end to end! However, there is a problem. Both the backend and the frontend define the `Todo` interface. The interface is in sync now, but in a real application, over time, it diverges, and, as a result, runtime errors creep in. You should share this interface between the backend and the frontend. In Nx, you do this by creating a library. diff --git a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/08-create-libs.md b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/08-create-libs.md index e270bbe655..4cf79bc9b2 100644 --- a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/08-create-libs.md +++ b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/08-create-libs.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 8: Create Libs - + Libraries are not just a way to share code in Nx. They are also useful for factoring out code into small units with a well-defined public API. diff --git a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/09-dep-graph.md b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/09-dep-graph.md index f8a6b2c1ce..fef2e7ae7f 100644 --- a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/09-dep-graph.md +++ b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/09-dep-graph.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 9: Dep Graph - + An Nx workspace can contain dozens or hundreds of applications and libraries. As a codebase grows, it can be difficult to understand how they depend on each other and the implications of making a particular change. diff --git a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/10-computation-caching.md b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/10-computation-caching.md index 0291e34a32..4f460f9ccd 100644 --- a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/10-computation-caching.md +++ b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/10-computation-caching.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 10: Computation Caching - + Nx has built-in computation caching, which helps drastically improve the performance of the commands. diff --git a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/11-test-affected-projects.md b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/11-test-affected-projects.md index 9cf9f70ab9..1e5dfae134 100644 --- a/nx-dev/nx-dev/public/documentation/shared/react-tutorial/11-test-affected-projects.md +++ b/nx-dev/nx-dev/public/documentation/shared/react-tutorial/11-test-affected-projects.md @@ -1,6 +1,6 @@ # React Nx Tutorial - Step 11: Test Affected Projects - + In addition to supporting computation caching, Nx scales your development by doing code change analysis to see what is affected by a particular pull request. diff --git a/nx-dev/nx-dev/public/documentation/shared/workspace/structure/dependency-graph.md b/nx-dev/nx-dev/public/documentation/shared/workspace/structure/dependency-graph.md index fe27008705..0689f5b90a 100644 --- a/nx-dev/nx-dev/public/documentation/shared/workspace/structure/dependency-graph.md +++ b/nx-dev/nx-dev/public/documentation/shared/workspace/structure/dependency-graph.md @@ -2,7 +2,7 @@ To be able to support the monorepo-style development, the tools must know how different projects in your workspace depend on each other. Nx uses advanced code analysis to construct this dependency graph. And it gives you a way to explore it: - + ## How the Project Graph is Built diff --git a/nx-dev/ui-home/src/lib/getting-started.tsx b/nx-dev/ui-home/src/lib/getting-started.tsx index 23a91582b9..ea8a08f56a 100644 --- a/nx-dev/ui-home/src/lib/getting-started.tsx +++ b/nx-dev/ui-home/src/lib/getting-started.tsx @@ -201,6 +201,7 @@ function AngularPane(): ReactComponentElement {