diff --git a/docs/angular/tutorial/01-create-application.md b/docs/angular/tutorial/01-create-application.md index 2de52f1390..f945f2d955 100644 --- a/docs/angular/tutorial/01-create-application.md +++ b/docs/angular/tutorial/01-create-application.md @@ -121,10 +121,3 @@ yarn nx serve todos ## Note on `nx serve` and `ng serve` Internally, the Nx CLI delegates to the Angular CLI when running commands or generating code. The `nx serve` command produces the same result as `ng serve`, and `nx build` produces the same results as `ng build`. However, the Nx CLI supports advanced capabilities that aren't supported by the Angular CLI. For instance, Nx's computation cache only works when using the Nx CLI. In other words, using `nx` instead `ng` will result in the same output, but often will perform a lot better. [Read more about Nx CLI and Angular CLI.](/angular/getting-started/nx-cli) - -!!!!! -Open http://localhost:4200 in the browser. What do you see? -!!!!! -Page saying "Welcome to Todos!" -Page saying "This is an Angular app built with the Angular CLI" -404 diff --git a/docs/angular/tutorial/02-add-e2e-test.md b/docs/angular/tutorial/02-add-e2e-test.md index 9fb006e7c4..c730c7000c 100644 --- a/docs/angular/tutorial/02-add-e2e-test.md +++ b/docs/angular/tutorial/02-add-e2e-test.md @@ -38,11 +38,3 @@ If you have not done so already, stop the `npx nx serve` command and run `npx nx A UI will open. Click the button in the top right corner that says "Run all specs". Keep the E2E tests running. As you progress through the tutorial, you will work on making these E2E tests pass. - -!!!!! -What assertion fails? -!!!!! -Expect 0 to equal 2 -Nothing fails. Everything works. -Cannot find any elements matching 'li.todo' -Cannot find any elements matching 'button#add-todo' diff --git a/docs/angular/tutorial/03-display-todos.md b/docs/angular/tutorial/03-display-todos.md index 01bdf0268d..a798ee0850 100644 --- a/docs/angular/tutorial/03-display-todos.md +++ b/docs/angular/tutorial/03-display-todos.md @@ -81,9 +81,3 @@ export class AppComponent { ``` The tests should pass now. - -!!!!! -What will you see if you run: `npx nx e2e todos-e2e --headless` -!!!!! -Cypress will run in the headless mode, and the test will pass. -Cypress will run in the headless mode, and the test will fail. diff --git a/docs/angular/tutorial/04-connect-to-api.md b/docs/angular/tutorial/04-connect-to-api.md index 5ebaba37ea..145f93c0cf 100644 --- a/docs/angular/tutorial/04-connect-to-api.md +++ b/docs/angular/tutorial/04-connect-to-api.md @@ -57,10 +57,3 @@ export class AppComponent { } } ``` - -!!!!! -Run `npx nx serve todos` and open http://localhost:4200. What do you see? -!!!!! -"the server responded with a status of 404 (Not Found)" in Console. -Blank screen. -Exception rendered on the screen. diff --git a/docs/angular/tutorial/05-add-node-app.md b/docs/angular/tutorial/05-add-node-app.md index b64f88f0a2..47849d2419 100644 --- a/docs/angular/tutorial/05-add-node-app.md +++ b/docs/angular/tutorial/05-add-node-app.md @@ -181,10 +181,3 @@ export class AppController { } } ``` - -!!!!! -Run "npx nx serve api" and open http://localhost:3333/api/todos. What do you see? -!!!!! -`[{"title":"Todo 1"},{"title":"Todo 2"}]` -Blank screen -404 diff --git a/docs/angular/tutorial/06-proxy.md b/docs/angular/tutorial/06-proxy.md index 67fb24e447..a4762f2799 100644 --- a/docs/angular/tutorial/06-proxy.md +++ b/docs/angular/tutorial/06-proxy.md @@ -41,10 +41,3 @@ It created a proxy configuration that allows the Angular application to talk to ``` This configuration tells `nx serve` to forward all requests starting with `/api` to the process listening on port 3333. - -!!!!! -Now run both "npx nx serve todos" and "npx nx serve api" in separate terminals, open http://localhost:4200. What do you see -!!!!! -Todos application is working! -404 in the console -Todos are displayed but the Add Todo button doesn't work diff --git a/docs/angular/tutorial/07-share-code.md b/docs/angular/tutorial/07-share-code.md index 27f9fa3f8b..9bf8b4b65d 100644 --- a/docs/angular/tutorial/07-share-code.md +++ b/docs/angular/tutorial/07-share-code.md @@ -109,10 +109,3 @@ export class AppComponent { ``` Every time you add a new library, you have to restart `npx nx serve`. **So restart both `npx nx serve api` and `npx nx serve todos` and you should see the application running.** - -!!!!! -Nx allows you to share code... -!!!!! -Between frontend and backend apps -Between different frontend apps -Between different node apps diff --git a/docs/angular/tutorial/08-create-libs.md b/docs/angular/tutorial/08-create-libs.md index b158dab99c..77c4d2908c 100644 --- a/docs/angular/tutorial/08-create-libs.md +++ b/docs/angular/tutorial/08-create-libs.md @@ -155,9 +155,3 @@ export class AppModule {} ``` **Restart both `npx nx serve api` and `npx nx serve todos` and you should see the application running.** - -!!!!! -Libraries' public API is defined in... -!!!!! -index.ts -angular.json and tsconfig.json files diff --git a/docs/angular/tutorial/09-dep-graph.md b/docs/angular/tutorial/09-dep-graph.md index 9eefe9d759..2fafc86562 100644 --- a/docs/angular/tutorial/09-dep-graph.md +++ b/docs/angular/tutorial/09-dep-graph.md @@ -9,10 +9,3 @@ An Nx workspace can contain dozens or hundreds of applications and libraries. As Previously, some senior architect would create an ad-hoc dependency diagram and upload it to a corporate wiki. The diagram is not correct even on Day 1 and gets more and more out of sync with every passing day. With Nx, you can do better than that. - -!!!!! -Run "npm run dep-graph". What do you see? -!!!!! -A dependency diagram in the browser -A dep-graph.html file created at the root of the workspace -A json document printed out in the terminal diff --git a/docs/angular/tutorial/10-computation-caching.md b/docs/angular/tutorial/10-computation-caching.md index 73bed9d0f0..ad97f93597 100644 --- a/docs/angular/tutorial/10-computation-caching.md +++ b/docs/angular/tutorial/10-computation-caching.md @@ -99,10 +99,3 @@ All files pass linting. ``` > Add --parallel to any command, and Nx will do most of the work in parallel. - -!!!!! -Run `npx nx lint api --with-deps`. What do you see? -!!!!! -Nx read the output from cache instead of running the command for 1 out of 2 projects. -Everything was retrieved from the cache -`Cannot lint data` error diff --git a/docs/angular/tutorial/11-test-affected-projects.md b/docs/angular/tutorial/11-test-affected-projects.md index b5c984b962..7dc8c32157 100644 --- a/docs/angular/tutorial/11-test-affected-projects.md +++ b/docs/angular/tutorial/11-test-affected-projects.md @@ -61,10 +61,3 @@ You can run any target against the affected projects in the graph like this: npx nx affected --target=build npx nx affected:build ``` - -!!!!! -Run "npx nx affected --target=invalid --base=master". What do you see? -!!!!! -No projects to run test -The `todos` project failed as before -`Cannot run tests against master` error diff --git a/docs/node/tutorial/01-create-application.md b/docs/node/tutorial/01-create-application.md index a4df61abb8..19569d1a6a 100644 --- a/docs/node/tutorial/01-create-application.md +++ b/docs/node/tutorial/01-create-application.md @@ -122,10 +122,3 @@ Now that the application is set up, run it locally via: ```shell script nx serve todos ``` - -!!!!! -Open http://localhost:3333/api in the browser. What do you see? -!!!!! -Page saying "{"message":"Welcome to todos!"}" -Page saying "This is Nest app built with Nx!" -404 diff --git a/docs/node/tutorial/02-display-todos.md b/docs/node/tutorial/02-display-todos.md index 90d51f190b..b816a4ae2f 100644 --- a/docs/node/tutorial/02-display-todos.md +++ b/docs/node/tutorial/02-display-todos.md @@ -147,10 +147,3 @@ We changed the `@Get` decorator for the `getData` function to point to the `api` Then we added the `root` function which renders the `index` file from our `views` directory. > The serve process should still be running. If it isn't, restart the process with `nx serve todos` - -!!!!! -Open http://localhost:3333 in the browser. What do you see? -!!!!! -Page saying "Welcome to todos!" -Page saying "{"message":"Welcome to todos!"}" -404 diff --git a/docs/node/tutorial/03-share-code.md b/docs/node/tutorial/03-share-code.md index d9bc6d9a02..e52c8959bc 100644 --- a/docs/node/tutorial/03-share-code.md +++ b/docs/node/tutorial/03-share-code.md @@ -73,10 +73,3 @@ export class TodosService { ``` Every time you add a new library, you have to restart `nx serve`. **So restart `nx serve todos` and you should see the application running.** - -!!!!! -Nx allows you to share code... -!!!!! -Between Nx applications and libraries -Between Nx applications -Between Nx libraries diff --git a/docs/node/tutorial/04-create-libs.md b/docs/node/tutorial/04-create-libs.md index 535c9956d6..fc3be52536 100644 --- a/docs/node/tutorial/04-create-libs.md +++ b/docs/node/tutorial/04-create-libs.md @@ -87,9 +87,3 @@ export class AppModule {} ``` **Restart `nx serve todos` then go to http://localhost:3333/auth. You should see `{ authenticated: true }`** - -!!!!! -Libraries' public API is defined in... -!!!!! -index.ts -workspace.json and tsconfig.json files diff --git a/docs/node/tutorial/05-dep-graph.md b/docs/node/tutorial/05-dep-graph.md index 78f8c7c308..6bff091232 100644 --- a/docs/node/tutorial/05-dep-graph.md +++ b/docs/node/tutorial/05-dep-graph.md @@ -9,10 +9,3 @@ An Nx workspace can contain dozens or hundreds of applications and libraries. As Previously, some senior architect would create an ad-hoc dependency diagram and upload it to a corporate wiki. The diagram is not correct even on Day 1 and gets more and more out of sync with every passing day. With Nx, you can do better than that. - -!!!!! -Run "nx dep-graph". What do you see? -!!!!! -A dependency diagram in the browser -A dep-graph.html file created at the root of the workspace -A json document printed out in the terminal diff --git a/docs/node/tutorial/06-computation-caching.md b/docs/node/tutorial/06-computation-caching.md index 7e2523ce33..444c81fc50 100644 --- a/docs/node/tutorial/06-computation-caching.md +++ b/docs/node/tutorial/06-computation-caching.md @@ -73,10 +73,3 @@ All files pass linting. ``` > Add --parallel to any command, and Nx will do most of the work in parallel. - -!!!!! -Run `nx lint auth --with-deps`. What do you see? -!!!!! -Nx read the output from cache instead of running the command for 1 out of 1 projects. -Everything was retrieved from the cache -`Cannot lint data` error diff --git a/docs/node/tutorial/07-test-affected-projects.md b/docs/node/tutorial/07-test-affected-projects.md index d28688609d..f798272e78 100644 --- a/docs/node/tutorial/07-test-affected-projects.md +++ b/docs/node/tutorial/07-test-affected-projects.md @@ -73,9 +73,3 @@ You can run any target against the affected projects in the graph like this: nx affected --target=build nx affected:build ``` - -!!!!! -Run "nx affected --target=invalid --base=master". What do you see? -!!!!! -No projects with "invalid" were run -An error message saying that the "invalid" target is invalid diff --git a/docs/react/tutorial/01-create-application.md b/docs/react/tutorial/01-create-application.md index a3bb89e31e..6e0d5312a0 100644 --- a/docs/react/tutorial/01-create-application.md +++ b/docs/react/tutorial/01-create-application.md @@ -115,10 +115,3 @@ or ```bash yarn nx serve todos ``` - -!!!!! -Open http://localhost:4200 in the browser. What do you see? -!!!!! -Page saying "Welcome to Todos!" -Page saying "This is an React app built with Create React App" -404 diff --git a/docs/react/tutorial/02-add-e2e-test.md b/docs/react/tutorial/02-add-e2e-test.md index b3da10fe07..ed2add8b05 100644 --- a/docs/react/tutorial/02-add-e2e-test.md +++ b/docs/react/tutorial/02-add-e2e-test.md @@ -38,11 +38,3 @@ If you have not done so already, stop the `npx nx serve` command and run `npx nx A UI will open. Click the button in the top right corner that says "Run all specs". Keep the E2E tests running. As you progress through the tutorial, you will work on making these E2E tests pass. - -!!!!! -What assertion fails? -!!!!! -Expect 0 to equal 2 -Nothing fails. Everything works. -Cannot find any elements matching 'li.todo' -Cannot find any elements matching 'button#add-todo' diff --git a/docs/react/tutorial/03-display-todos.md b/docs/react/tutorial/03-display-todos.md index 02e0c5d8c5..aa7cba7d3a 100644 --- a/docs/react/tutorial/03-display-todos.md +++ b/docs/react/tutorial/03-display-todos.md @@ -89,9 +89,3 @@ export default App; ``` The tests should pass now. - -!!!!! -What will you see if you run: `npx nx e2e todos-e2e --headless` -!!!!! -Cypress will run in the headless mode, and the test will pass. -Cypress will run in the headless mode, and the test will fail. diff --git a/docs/react/tutorial/04-connect-to-api.md b/docs/react/tutorial/04-connect-to-api.md index f6ac37073f..afecd0031e 100644 --- a/docs/react/tutorial/04-connect-to-api.md +++ b/docs/react/tutorial/04-connect-to-api.md @@ -52,10 +52,3 @@ const App = () => { export default App; ``` - -!!!!! -Run `npx nx serve todos` and open http://localhost:4200. What do you see? -!!!!! -"the server responded with a status of 404 (Not Found)" in Console. -Blank screen. -Exception rendered on the screen. diff --git a/docs/react/tutorial/05-add-node-app.md b/docs/react/tutorial/05-add-node-app.md index 1bc6103f81..d1d8311bd0 100644 --- a/docs/react/tutorial/05-add-node-app.md +++ b/docs/react/tutorial/05-add-node-app.md @@ -149,10 +149,3 @@ const server = app.listen(port, () => { }); server.on('error', console.error); ``` - -!!!!! -Run "npx nx serve api" and open http://localhost:3333/api/todos. What do you see? -!!!!! -`[{"title":"Todo 1"},{"title":"Todo 2"}]` -Blank screen -404 diff --git a/docs/react/tutorial/06-proxy.md b/docs/react/tutorial/06-proxy.md index a4aeb22e04..289b97eeda 100644 --- a/docs/react/tutorial/06-proxy.md +++ b/docs/react/tutorial/06-proxy.md @@ -76,10 +76,3 @@ Options: It helps with good editor integration (see [VSCode Support](https://nx.dev/react/getting-started/console)). But, most importantly, it provides a holistic dev experience regardless of the tools used, and enables advanced build features like distributed computation caching and distributed builds). - -!!!!! -Now run both "npx nx serve todos" and "npx nx serve api" in separate terminals, open http://localhost:4200. What do you see? -!!!!! -Todos application is working! -404 in the console -Todos are displayed but the Add Todo button doesn't work diff --git a/docs/react/tutorial/07-share-code.md b/docs/react/tutorial/07-share-code.md index c5a125ae44..c5ae58083c 100644 --- a/docs/react/tutorial/07-share-code.md +++ b/docs/react/tutorial/07-share-code.md @@ -86,10 +86,3 @@ export default App; ``` Every time you add a new library, you have to restart `npx nx serve`. **So restart both `npx nx serve api` and `npx nx serve todos` and you should see the application running.** - -!!!!! -Nx allows you to share code... -!!!!! -Between frontend and backend apps -Between different frontend apps -Between different node apps diff --git a/docs/react/tutorial/08-create-libs.md b/docs/react/tutorial/08-create-libs.md index ff3deb6335..1220d6be93 100644 --- a/docs/react/tutorial/08-create-libs.md +++ b/docs/react/tutorial/08-create-libs.md @@ -174,9 +174,3 @@ export default App; **Restart both `npx nx serve api` and `npx nx serve todos` and you should see the application running.** > Nx helps you explore code generation options. Run `npx nx g @nrwl/react:component --help` to see all options available. Pass `--dry-run` to the command to see what would be generated without actually changing anything, like this: `npx nx g @nrwl/react:component mycmp --project=ui --dry-run`. - -!!!!! -Libraries' public API is defined in... -!!!!! -index.ts -workspace.json and tsconfig.base.json files diff --git a/docs/react/tutorial/09-dep-graph.md b/docs/react/tutorial/09-dep-graph.md index 1d214ea01a..ae5b63db1d 100644 --- a/docs/react/tutorial/09-dep-graph.md +++ b/docs/react/tutorial/09-dep-graph.md @@ -9,10 +9,3 @@ An Nx workspace can contain dozens or hundreds of applications and libraries. As Previously, some senior architect would create an ad-hoc dependency diagram and upload it to a corporate wiki. The diagram is not correct even on Day 1 and gets more and more out of sync with every passing day. With Nx, you can do better than that. - -!!!!! -Run "npx nx dep-graph". What do you see? -!!!!! -A dependency diagram in the browser -A dep-graph.html file created at the root of the workspace -A json document printed out in the terminal diff --git a/docs/react/tutorial/10-computation-caching.md b/docs/react/tutorial/10-computation-caching.md index 4ddf9028a6..1e58540d14 100644 --- a/docs/react/tutorial/10-computation-caching.md +++ b/docs/react/tutorial/10-computation-caching.md @@ -94,10 +94,3 @@ All files pass linting. ``` > Add --parallel to any command, and Nx will do most of the work in parallel. - -!!!!! -Run `npx nx lint api --with-deps`. What do you see? -!!!!! -Nx read the output from cache instead of running the command for 1 out of 2 projects. -Everything was retrieved from the cache -`Cannot lint data` error diff --git a/docs/react/tutorial/11-test-affected-projects.md b/docs/react/tutorial/11-test-affected-projects.md index 726463b696..672bf7257e 100644 --- a/docs/react/tutorial/11-test-affected-projects.md +++ b/docs/react/tutorial/11-test-affected-projects.md @@ -70,9 +70,3 @@ You can run any target against the affected projects in the graph like this: npx nx affected --target=build npx nx affected:build ``` - -!!!!! -Run "npx nx affected --target=invalid --base=master". What do you see? -!!!!! -No projects with "invalid" were run -An error message saying that the "invalid" target is invalid diff --git a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/01-create-application.md b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/01-create-application.md index 24a9ebf073..a40244340f 100644 --- a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/01-create-application.md +++ b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/01-create-application.md @@ -121,10 +121,3 @@ yarn nx serve todos ## Note on `nx serve` and `ng serve` Internally, the Nx CLI delegates to the Angular CLI when running commands or generating code. The `nx serve` command produces the same result as `ng serve`, and `nx build` produces the same results as `ng build`. However, the Nx CLI supports advanced capabilities that aren't supported by the Angular CLI. For instance, Nx's computation cache only works when using the Nx CLI. In other words, using `nx` instead `ng` will result in the same output, but often will perform a lot better. [Read more about Nx CLI and Angular CLI.](/angular/getting-started/nx-and-cli) - -!!!!! -Open http://localhost:4200 in the browser. What do you see? -!!!!! -Page saying "Welcome to Todos!" -Page saying "This is an Angular app built with the Angular CLI" -404 diff --git a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/02-add-e2e-test.md b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/02-add-e2e-test.md index 9fb006e7c4..c730c7000c 100644 --- a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/02-add-e2e-test.md +++ b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/02-add-e2e-test.md @@ -38,11 +38,3 @@ If you have not done so already, stop the `npx nx serve` command and run `npx nx A UI will open. Click the button in the top right corner that says "Run all specs". Keep the E2E tests running. As you progress through the tutorial, you will work on making these E2E tests pass. - -!!!!! -What assertion fails? -!!!!! -Expect 0 to equal 2 -Nothing fails. Everything works. -Cannot find any elements matching 'li.todo' -Cannot find any elements matching 'button#add-todo' diff --git a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/03-display-todos.md b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/03-display-todos.md index 01bdf0268d..a798ee0850 100644 --- a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/03-display-todos.md +++ b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/03-display-todos.md @@ -81,9 +81,3 @@ export class AppComponent { ``` The tests should pass now. - -!!!!! -What will you see if you run: `npx nx e2e todos-e2e --headless` -!!!!! -Cypress will run in the headless mode, and the test will pass. -Cypress will run in the headless mode, and the test will fail. diff --git a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/04-connect-to-api.md b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/04-connect-to-api.md index 5ebaba37ea..145f93c0cf 100644 --- a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/04-connect-to-api.md +++ b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/04-connect-to-api.md @@ -57,10 +57,3 @@ export class AppComponent { } } ``` - -!!!!! -Run `npx nx serve todos` and open http://localhost:4200. What do you see? -!!!!! -"the server responded with a status of 404 (Not Found)" in Console. -Blank screen. -Exception rendered on the screen. diff --git a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/05-add-node-app.md b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/05-add-node-app.md index 3fbf934372..9fb722d25c 100644 --- a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/05-add-node-app.md +++ b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/05-add-node-app.md @@ -181,10 +181,3 @@ export class AppController { } } ``` - -!!!!! -Run "npx nx serve api" and open http://localhost:3333/api/todos. What do you see? -!!!!! -`[{"title":"Todo 1"},{"title":"Todo 2"}]` -Blank screen -404 diff --git a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/06-proxy.md b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/06-proxy.md index 67fb24e447..a4762f2799 100644 --- a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/06-proxy.md +++ b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/06-proxy.md @@ -41,10 +41,3 @@ It created a proxy configuration that allows the Angular application to talk to ``` This configuration tells `nx serve` to forward all requests starting with `/api` to the process listening on port 3333. - -!!!!! -Now run both "npx nx serve todos" and "npx nx serve api" in separate terminals, open http://localhost:4200. What do you see -!!!!! -Todos application is working! -404 in the console -Todos are displayed but the Add Todo button doesn't work diff --git a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/07-share-code.md b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/07-share-code.md index 10f551ce4d..541d19d503 100644 --- a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/07-share-code.md +++ b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/07-share-code.md @@ -109,10 +109,3 @@ export class AppComponent { ``` Every time you add a new library, you have to restart `npx nx serve`. **So restart both `npx nx serve api` and `npx nx serve todos` and you should see the application running.** - -!!!!! -Nx allows you to share code... -!!!!! -Between frontend and backend apps -Between different frontend apps -Between different node apps diff --git a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/08-create-libs.md b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/08-create-libs.md index dfaa83cd14..a164e1a472 100644 --- a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/08-create-libs.md +++ b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/08-create-libs.md @@ -155,9 +155,3 @@ export class AppModule {} ``` **Restart both `npx nx serve api` and `npx nx serve todos` and you should see the application running.** - -!!!!! -Libraries' public API is defined in... -!!!!! -index.ts -angular.json and tsconfig.json files diff --git a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/09-dep-graph.md b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/09-dep-graph.md index 9eefe9d759..2fafc86562 100644 --- a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/09-dep-graph.md +++ b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/09-dep-graph.md @@ -9,10 +9,3 @@ An Nx workspace can contain dozens or hundreds of applications and libraries. As Previously, some senior architect would create an ad-hoc dependency diagram and upload it to a corporate wiki. The diagram is not correct even on Day 1 and gets more and more out of sync with every passing day. With Nx, you can do better than that. - -!!!!! -Run "npm run dep-graph". What do you see? -!!!!! -A dependency diagram in the browser -A dep-graph.html file created at the root of the workspace -A json document printed out in the terminal diff --git a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/10-computation-caching.md b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/10-computation-caching.md index 73bed9d0f0..ad97f93597 100644 --- a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/10-computation-caching.md +++ b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/10-computation-caching.md @@ -99,10 +99,3 @@ All files pass linting. ``` > Add --parallel to any command, and Nx will do most of the work in parallel. - -!!!!! -Run `npx nx lint api --with-deps`. What do you see? -!!!!! -Nx read the output from cache instead of running the command for 1 out of 2 projects. -Everything was retrieved from the cache -`Cannot lint data` error diff --git a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/11-test-affected-projects.md b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/11-test-affected-projects.md index b5c984b962..7dc8c32157 100644 --- a/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/11-test-affected-projects.md +++ b/nx-dev/nx-dev/public/documentation/latest/angular/tutorial/11-test-affected-projects.md @@ -61,10 +61,3 @@ You can run any target against the affected projects in the graph like this: npx nx affected --target=build npx nx affected:build ``` - -!!!!! -Run "npx nx affected --target=invalid --base=master". What do you see? -!!!!! -No projects to run test -The `todos` project failed as before -`Cannot run tests against master` error diff --git a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/01-create-application.md b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/01-create-application.md index 1ac6a5dd01..6f5380e6ba 100644 --- a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/01-create-application.md +++ b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/01-create-application.md @@ -122,10 +122,3 @@ Now that the application is set up, run it locally via: ```shell script nx serve todos ``` - -!!!!! -Open http://localhost:3333/api in the browser. What do you see? -!!!!! -Page saying "{"message":"Welcome to todos!"}" -Page saying "This is Nest app built with Nx!" -404 diff --git a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/02-display-todos.md b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/02-display-todos.md index 90d51f190b..b816a4ae2f 100644 --- a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/02-display-todos.md +++ b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/02-display-todos.md @@ -147,10 +147,3 @@ We changed the `@Get` decorator for the `getData` function to point to the `api` Then we added the `root` function which renders the `index` file from our `views` directory. > The serve process should still be running. If it isn't, restart the process with `nx serve todos` - -!!!!! -Open http://localhost:3333 in the browser. What do you see? -!!!!! -Page saying "Welcome to todos!" -Page saying "{"message":"Welcome to todos!"}" -404 diff --git a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/03-share-code.md b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/03-share-code.md index f914968b80..ca85ede9cc 100644 --- a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/03-share-code.md +++ b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/03-share-code.md @@ -73,10 +73,3 @@ export class TodosService { ``` Every time you add a new library, you have to restart `nx serve`. **So restart `nx serve todos` and you should see the application running.** - -!!!!! -Nx allows you to share code... -!!!!! -Between Nx applications and libraries -Between Nx applications -Between Nx libraries diff --git a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/04-create-libs.md b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/04-create-libs.md index 535c9956d6..fc3be52536 100644 --- a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/04-create-libs.md +++ b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/04-create-libs.md @@ -87,9 +87,3 @@ export class AppModule {} ``` **Restart `nx serve todos` then go to http://localhost:3333/auth. You should see `{ authenticated: true }`** - -!!!!! -Libraries' public API is defined in... -!!!!! -index.ts -workspace.json and tsconfig.json files diff --git a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/05-dep-graph.md b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/05-dep-graph.md index 78f8c7c308..6bff091232 100644 --- a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/05-dep-graph.md +++ b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/05-dep-graph.md @@ -9,10 +9,3 @@ An Nx workspace can contain dozens or hundreds of applications and libraries. As Previously, some senior architect would create an ad-hoc dependency diagram and upload it to a corporate wiki. The diagram is not correct even on Day 1 and gets more and more out of sync with every passing day. With Nx, you can do better than that. - -!!!!! -Run "nx dep-graph". What do you see? -!!!!! -A dependency diagram in the browser -A dep-graph.html file created at the root of the workspace -A json document printed out in the terminal diff --git a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/06-computation-caching.md b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/06-computation-caching.md index 7e2523ce33..444c81fc50 100644 --- a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/06-computation-caching.md +++ b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/06-computation-caching.md @@ -73,10 +73,3 @@ All files pass linting. ``` > Add --parallel to any command, and Nx will do most of the work in parallel. - -!!!!! -Run `nx lint auth --with-deps`. What do you see? -!!!!! -Nx read the output from cache instead of running the command for 1 out of 1 projects. -Everything was retrieved from the cache -`Cannot lint data` error diff --git a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/07-test-affected-projects.md b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/07-test-affected-projects.md index d28688609d..f798272e78 100644 --- a/nx-dev/nx-dev/public/documentation/latest/node/tutorial/07-test-affected-projects.md +++ b/nx-dev/nx-dev/public/documentation/latest/node/tutorial/07-test-affected-projects.md @@ -73,9 +73,3 @@ You can run any target against the affected projects in the graph like this: nx affected --target=build nx affected:build ``` - -!!!!! -Run "nx affected --target=invalid --base=master". What do you see? -!!!!! -No projects with "invalid" were run -An error message saying that the "invalid" target is invalid diff --git a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/01-create-application.md b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/01-create-application.md index dde563cd28..87e77e05c9 100644 --- a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/01-create-application.md +++ b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/01-create-application.md @@ -115,10 +115,3 @@ or ```bash yarn nx serve todos ``` - -!!!!! -Open http://localhost:4200 in the browser. What do you see? -!!!!! -Page saying "Welcome to Todos!" -Page saying "This is an React app built with Create React App" -404 diff --git a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/02-add-e2e-test.md b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/02-add-e2e-test.md index b3da10fe07..ed2add8b05 100644 --- a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/02-add-e2e-test.md +++ b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/02-add-e2e-test.md @@ -38,11 +38,3 @@ If you have not done so already, stop the `npx nx serve` command and run `npx nx A UI will open. Click the button in the top right corner that says "Run all specs". Keep the E2E tests running. As you progress through the tutorial, you will work on making these E2E tests pass. - -!!!!! -What assertion fails? -!!!!! -Expect 0 to equal 2 -Nothing fails. Everything works. -Cannot find any elements matching 'li.todo' -Cannot find any elements matching 'button#add-todo' diff --git a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/03-display-todos.md b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/03-display-todos.md index 02e0c5d8c5..aa7cba7d3a 100644 --- a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/03-display-todos.md +++ b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/03-display-todos.md @@ -89,9 +89,3 @@ export default App; ``` The tests should pass now. - -!!!!! -What will you see if you run: `npx nx e2e todos-e2e --headless` -!!!!! -Cypress will run in the headless mode, and the test will pass. -Cypress will run in the headless mode, and the test will fail. diff --git a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/04-connect-to-api.md b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/04-connect-to-api.md index f6ac37073f..afecd0031e 100644 --- a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/04-connect-to-api.md +++ b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/04-connect-to-api.md @@ -52,10 +52,3 @@ const App = () => { export default App; ``` - -!!!!! -Run `npx nx serve todos` and open http://localhost:4200. What do you see? -!!!!! -"the server responded with a status of 404 (Not Found)" in Console. -Blank screen. -Exception rendered on the screen. diff --git a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/05-add-node-app.md b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/05-add-node-app.md index 7384897413..8f7c5d24ff 100644 --- a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/05-add-node-app.md +++ b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/05-add-node-app.md @@ -149,10 +149,3 @@ const server = app.listen(port, () => { }); server.on('error', console.error); ``` - -!!!!! -Run "npx nx serve api" and open http://localhost:3333/api/todos. What do you see? -!!!!! -`[{"title":"Todo 1"},{"title":"Todo 2"}]` -Blank screen -404 diff --git a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/06-proxy.md b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/06-proxy.md index bd49864b6c..a846e3f35e 100644 --- a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/06-proxy.md +++ b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/06-proxy.md @@ -75,10 +75,3 @@ Options: It helps with good editor integration (see [VSCode Support](https://nx.dev/react/getting-started/console)). But, most importantly, it provides a holistic dev experience regardless of the tools used, and enables advanced build features like distributed computation caching and distributed builds). - -!!!!! -Now run both "npx nx serve todos" and "npx nx serve api" in separate terminals, open http://localhost:4200. What do you see? -!!!!! -Todos application is working! -404 in the console -Todos are displayed but the Add Todo button doesn't work diff --git a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/07-share-code.md b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/07-share-code.md index 14cb6fcc51..94075addd0 100644 --- a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/07-share-code.md +++ b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/07-share-code.md @@ -86,10 +86,3 @@ export default App; ``` Every time you add a new library, you have to restart `npx nx serve`. **So restart both `npx nx serve api` and `npx nx serve todos` and you should see the application running.** - -!!!!! -Nx allows you to share code... -!!!!! -Between frontend and backend apps -Between different frontend apps -Between different node apps diff --git a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/08-create-libs.md b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/08-create-libs.md index 8ec318a9d3..b695dc9799 100644 --- a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/08-create-libs.md +++ b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/08-create-libs.md @@ -174,9 +174,3 @@ export default App; **Restart both `npx nx serve api` and `npx nx serve todos` and you should see the application running.** > Nx helps you explore code generation options. Run `npx nx g @nrwl/react:component --help` to see all options available. Pass `--dry-run` to the command to see what would be generated without actually changing anything, like this: `npx nx g @nrwl/react:component mycmp --project=ui --dry-run`. - -!!!!! -Libraries' public API is defined in... -!!!!! -index.ts -workspace.json and tsconfig.json files diff --git a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/09-dep-graph.md b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/09-dep-graph.md index 1d214ea01a..ae5b63db1d 100644 --- a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/09-dep-graph.md +++ b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/09-dep-graph.md @@ -9,10 +9,3 @@ An Nx workspace can contain dozens or hundreds of applications and libraries. As Previously, some senior architect would create an ad-hoc dependency diagram and upload it to a corporate wiki. The diagram is not correct even on Day 1 and gets more and more out of sync with every passing day. With Nx, you can do better than that. - -!!!!! -Run "npx nx dep-graph". What do you see? -!!!!! -A dependency diagram in the browser -A dep-graph.html file created at the root of the workspace -A json document printed out in the terminal diff --git a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/10-computation-caching.md b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/10-computation-caching.md index 4ddf9028a6..1e58540d14 100644 --- a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/10-computation-caching.md +++ b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/10-computation-caching.md @@ -94,10 +94,3 @@ All files pass linting. ``` > Add --parallel to any command, and Nx will do most of the work in parallel. - -!!!!! -Run `npx nx lint api --with-deps`. What do you see? -!!!!! -Nx read the output from cache instead of running the command for 1 out of 2 projects. -Everything was retrieved from the cache -`Cannot lint data` error diff --git a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/11-test-affected-projects.md b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/11-test-affected-projects.md index 726463b696..672bf7257e 100644 --- a/nx-dev/nx-dev/public/documentation/latest/react/tutorial/11-test-affected-projects.md +++ b/nx-dev/nx-dev/public/documentation/latest/react/tutorial/11-test-affected-projects.md @@ -70,9 +70,3 @@ You can run any target against the affected projects in the graph like this: npx nx affected --target=build npx nx affected:build ``` - -!!!!! -Run "npx nx affected --target=invalid --base=master". What do you see? -!!!!! -No projects with "invalid" were run -An error message saying that the "invalid" target is invalid diff --git a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/01-create-application.md b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/01-create-application.md index d28468eb0e..8ece4e23fc 100644 --- a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/01-create-application.md +++ b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/01-create-application.md @@ -117,10 +117,3 @@ yarn nx serve todos ## Note on `nx serve` and `ng serve` Internally, the Nx CLI delegates to the Angular CLI when running commands or generating code. The `nx serve` command produces the same result as `ng serve`, and `nx build` produces the same results as `ng build`. However, the Nx CLI supports advanced capabilities that aren't supported by the Angular CLI. For instance, Nx's computation cache only works when using the Nx CLI. In other words, using `nx` instead `ng` will result in the same output, but often will perform a lot better. [Read more about Nx CLI and Angular CLI.](/angular/cli/nx-and-cli) - -!!!!! -Open http://localhost:4200 in the browser. What do you see? -!!!!! -Page saying "Welcome to Todos!" -Page saying "This is an Angular app built with the Angular CLI" -404 diff --git a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/02-add-e2e-test.md b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/02-add-e2e-test.md index 34e3541ab5..6f21d7abba 100644 --- a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/02-add-e2e-test.md +++ b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/02-add-e2e-test.md @@ -38,11 +38,3 @@ If you have not done so already, stop the `npx nx serve` command and run `npx nx A UI will open. Click the button in the top right corner that says "Run all specs". Keep the E2E tests running. As you progress through the tutorial, you will work on making these E2E tests pass. - -!!!!! -What assertion fails? -!!!!! -Expect 0 to equal 2 -Nothing fails. Everything works. -Cannot find any elements matching 'li.todo' -Cannot find any elements matching 'button#add-todo' diff --git a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/03-display-todos.md b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/03-display-todos.md index 6eb024640f..802afbe373 100644 --- a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/03-display-todos.md +++ b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/03-display-todos.md @@ -81,9 +81,3 @@ export class AppComponent { ``` The tests should pass now. - -!!!!! -What will you see if you run: `npx nx e2e todos-e2e --headless` -!!!!! -Cypress will run in the headless mode, and the test will pass. -Cypress will run in the headless mode, and the test will fail. diff --git a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/04-connect-to-api.md b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/04-connect-to-api.md index 0f23ed8b79..91f0497211 100644 --- a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/04-connect-to-api.md +++ b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/04-connect-to-api.md @@ -57,10 +57,3 @@ export class AppComponent { } } ``` - -!!!!! -Run `npx nx serve todos` and open http://localhost:4200. What do you see? -!!!!! -"the server responded with a status of 404 (Not Found)" in Console. -Blank screen. -Exception rendered on the screen. diff --git a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/05-add-node-app.md b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/05-add-node-app.md index 1f09cba585..fa34b8ac35 100644 --- a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/05-add-node-app.md +++ b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/05-add-node-app.md @@ -181,10 +181,3 @@ export class AppController { } } ``` - -!!!!! -Run "npx nx serve api" and open http://localhost:3333/api/todos. What do you see? -!!!!! -`[{"title":"Todo 1"},{"title":"Todo 2"}]` -Blank screen -404 diff --git a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/06-proxy.md b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/06-proxy.md index 4dc74e5fb2..02265814d9 100644 --- a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/06-proxy.md +++ b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/06-proxy.md @@ -41,10 +41,3 @@ It created a proxy configuration that allows the Angular application to talk to ``` This configuration tells `nx serve` to forward all requests starting with `/api` to the process listening on port 3333. - -!!!!! -Now run both "npx nx serve todos" and "npx nx serve api" in separate terminals, open http://localhost:4200. What do you see -!!!!! -Todos application is working! -404 in the console -Todos are displayed but the Add Todo button doesn't work diff --git a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/07-share-code.md b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/07-share-code.md index 86ae8e3be1..9b6ea28302 100644 --- a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/07-share-code.md +++ b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/07-share-code.md @@ -109,10 +109,3 @@ export class AppComponent { ``` Every time you add a new library, you have to restart `npx nx serve`. **So restart both `npx nx serve api` and `npx nx serve todos` and you should see the application running.** - -!!!!! -Nx allows you to share code... -!!!!! -Between frontend and backend apps -Between different frontend apps -Between different node apps diff --git a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/08-create-libs.md b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/08-create-libs.md index 3b81fc4295..bdbfbc0936 100644 --- a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/08-create-libs.md +++ b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/08-create-libs.md @@ -155,9 +155,3 @@ export class AppModule {} ``` **Restart both `npx nx serve api` and `npx nx serve todos` and you should see the application running.** - -!!!!! -Libraries' public API is defined in... -!!!!! -index.ts -angular.json and tsconfig.json files diff --git a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/09-dep-graph.md b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/09-dep-graph.md index 483db717f2..42a19d67f4 100644 --- a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/09-dep-graph.md +++ b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/09-dep-graph.md @@ -9,10 +9,3 @@ An Nx workspace can contain dozens or hundreds of applications and libraries. As Previously, some senior architect would create an ad-hoc dependency diagram and upload it to a corporate wiki. The diagram is not correct even on Day 1 and gets more and more out of sync with every passing day. With Nx, you can do better than that. - -!!!!! -Run "npm run dep-graph". What do you see? -!!!!! -A dependency diagram in the browser -A dep-graph.html file created at the root of the workspace -A json document printed out in the terminal diff --git a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/10-computation-caching.md b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/10-computation-caching.md index 370220478c..e85604dc7b 100644 --- a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/10-computation-caching.md +++ b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/10-computation-caching.md @@ -99,10 +99,3 @@ All files pass linting. ``` > Add --parallel to any command, and Nx will do most of the work in parallel. - -!!!!! -Run `npx nx lint api --with-deps`. What do you see? -!!!!! -Nx read the output from cache instead of running the command for 1 out of 2 projects. -Everything was retrieved from the cache -`Cannot lint data` error diff --git a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/11-test-affected-projects.md b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/11-test-affected-projects.md index c0d2c34ed4..824db91c5a 100644 --- a/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/11-test-affected-projects.md +++ b/nx-dev/nx-dev/public/documentation/previous/angular/tutorial/11-test-affected-projects.md @@ -61,10 +61,3 @@ You can run any target against the affected projects in the graph like this: npx nx affected --target=build npx nx affected:build ``` - -!!!!! -Run "npx nx affected --target=invalid --base=master". What do you see? -!!!!! -No projects to run test -The `todos` project failed as before -`Cannot run tests against master` error diff --git a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/01-create-application.md b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/01-create-application.md index 619991a46d..c47d7d2558 100644 --- a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/01-create-application.md +++ b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/01-create-application.md @@ -118,10 +118,3 @@ Now that the application is set up, run it locally via: ```shell script nx serve todos ``` - -!!!!! -Open http://localhost:3333/api in the browser. What do you see? -!!!!! -Page saying "{"message":"Welcome to todos!"}" -Page saying "This is Nest app built with Nx!" -404 diff --git a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/02-display-todos.md b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/02-display-todos.md index 3b145b56c6..83bb9ade68 100644 --- a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/02-display-todos.md +++ b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/02-display-todos.md @@ -147,10 +147,3 @@ We changed the `@Get` decorator for the `getData` function to point to the `api` Then we added the `root` function which renders the `index` file from our `views` directory. > The serve process should still be running. If it isn't, restart the process with `nx serve todos` - -!!!!! -Open http://localhost:3333 in the browser. What do you see? -!!!!! -Page saying "Welcome to todos!" -Page saying "{"message":"Welcome to todos!"}" -404 diff --git a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/03-share-code.md b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/03-share-code.md index 2cc3410e83..d2d9228227 100644 --- a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/03-share-code.md +++ b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/03-share-code.md @@ -73,10 +73,3 @@ export class TodosService { ``` Every time you add a new library, you have to restart `nx serve`. **So restart `nx serve todos` and you should see the application running.** - -!!!!! -Nx allows you to share code... -!!!!! -Between Nx applications and libraries -Between Nx applications -Between Nx libraries diff --git a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/04-create-libs.md b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/04-create-libs.md index 8e341993a9..31cc237855 100644 --- a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/04-create-libs.md +++ b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/04-create-libs.md @@ -87,9 +87,3 @@ export class AppModule {} ``` **Restart `nx serve todos` then go to http://localhost:3333/auth. You should see `{ authenticated: true }`** - -!!!!! -Libraries' public API is defined in... -!!!!! -index.ts -workspace.json and tsconfig.json files diff --git a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/05-dep-graph.md b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/05-dep-graph.md index 3047bedf2d..0f62aafa68 100644 --- a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/05-dep-graph.md +++ b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/05-dep-graph.md @@ -9,10 +9,3 @@ An Nx workspace can contain dozens or hundreds of applications and libraries. As Previously, some senior architect would create an ad-hoc dependency diagram and upload it to a corporate wiki. The diagram is not correct even on Day 1 and gets more and more out of sync with every passing day. With Nx, you can do better than that. - -!!!!! -Run "nx dep-graph". What do you see? -!!!!! -A dependency diagram in the browser -A dep-graph.html file created at the root of the workspace -A json document printed out in the terminal diff --git a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/06-computation-caching.md b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/06-computation-caching.md index 52431ba203..edac3059ef 100644 --- a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/06-computation-caching.md +++ b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/06-computation-caching.md @@ -73,10 +73,3 @@ All files pass linting. ``` > Add --parallel to any command, and Nx will do most of the work in parallel. - -!!!!! -Run `nx lint auth --with-deps`. What do you see? -!!!!! -Nx read the output from cache instead of running the command for 1 out of 1 projects. -Everything was retrieved from the cache -`Cannot lint data` error diff --git a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/07-test-affected-projects.md b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/07-test-affected-projects.md index 15833a3df8..009486f461 100644 --- a/nx-dev/nx-dev/public/documentation/previous/node/tutorial/07-test-affected-projects.md +++ b/nx-dev/nx-dev/public/documentation/previous/node/tutorial/07-test-affected-projects.md @@ -73,9 +73,3 @@ You can run any target against the affected projects in the graph like this: nx affected --target=build nx affected:build ``` - -!!!!! -Run "nx affected --target=invalid --base=master". What do you see? -!!!!! -No projects with "invalid" were run -An error message saying that the "invalid" target is invalid diff --git a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/01-create-application.md b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/01-create-application.md index a9a45cb74b..692a156a8d 100644 --- a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/01-create-application.md +++ b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/01-create-application.md @@ -111,10 +111,3 @@ or ```bash yarn nx serve todos ``` - -!!!!! -Open http://localhost:4200 in the browser. What do you see? -!!!!! -Page saying "Welcome to Todos!" -Page saying "This is an React app built with Create React App" -404 diff --git a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/02-add-e2e-test.md b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/02-add-e2e-test.md index 9c463ba69a..d429e24e6d 100644 --- a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/02-add-e2e-test.md +++ b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/02-add-e2e-test.md @@ -38,11 +38,3 @@ If you have not done so already, stop the `npx nx serve` command and run `npx nx A UI will open. Click the button in the top right corner that says "Run all specs". Keep the E2E tests running. As you progress through the tutorial, you will work on making these E2E tests pass. - -!!!!! -What assertion fails? -!!!!! -Expect 0 to equal 2 -Nothing fails. Everything works. -Cannot find any elements matching 'li.todo' -Cannot find any elements matching 'button#add-todo' diff --git a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/03-display-todos.md b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/03-display-todos.md index d6ea9189b3..4cfbeea782 100644 --- a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/03-display-todos.md +++ b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/03-display-todos.md @@ -89,9 +89,3 @@ export default App; ``` The tests should pass now. - -!!!!! -What will you see if you run: `npx nx e2e todos-e2e --headless` -!!!!! -Cypress will run in the headless mode, and the test will pass. -Cypress will run in the headless mode, and the test will fail. diff --git a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/04-connect-to-api.md b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/04-connect-to-api.md index 28dc8bfae5..10f8e3240f 100644 --- a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/04-connect-to-api.md +++ b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/04-connect-to-api.md @@ -52,10 +52,3 @@ const App = () => { export default App; ``` - -!!!!! -Run `npx nx serve todos` and open http://localhost:4200. What do you see? -!!!!! -"the server responded with a status of 404 (Not Found)" in Console. -Blank screen. -Exception rendered on the screen. diff --git a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/05-add-node-app.md b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/05-add-node-app.md index cb6f78073f..f4f6384b02 100644 --- a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/05-add-node-app.md +++ b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/05-add-node-app.md @@ -149,10 +149,3 @@ const server = app.listen(port, () => { }); server.on('error', console.error); ``` - -!!!!! -Run "npx nx serve api" and open http://localhost:3333/api/todos. What do you see? -!!!!! -`[{"title":"Todo 1"},{"title":"Todo 2"}]` -Blank screen -404 diff --git a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/06-proxy.md b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/06-proxy.md index bb7d649bc1..4e626c3a8c 100644 --- a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/06-proxy.md +++ b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/06-proxy.md @@ -75,10 +75,3 @@ Options: It helps with good editor integration (see [VSCode Support](https://nx.dev/react/cli/console)). But, most importantly, it provides a holistic dev experience regardless of the tools used, and enables advanced build features like distributed computation caching and distributed builds). - -!!!!! -Now run both "npx nx serve todos" and "npx nx serve api" in separate terminals, open http://localhost:4200. What do you see? -!!!!! -Todos application is working! -404 in the console -Todos are displayed but the Add Todo button doesn't work diff --git a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/07-share-code.md b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/07-share-code.md index 8edece892a..296a5fdfdf 100644 --- a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/07-share-code.md +++ b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/07-share-code.md @@ -86,10 +86,3 @@ export default App; ``` Every time you add a new library, you have to restart `npx nx serve`. **So restart both `npx nx serve api` and `npx nx serve todos` and you should see the application running.** - -!!!!! -Nx allows you to share code... -!!!!! -Between frontend and backend apps -Between different frontend apps -Between different node apps diff --git a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/08-create-libs.md b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/08-create-libs.md index 48e1c79bbc..4403674e13 100644 --- a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/08-create-libs.md +++ b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/08-create-libs.md @@ -174,9 +174,3 @@ export default App; **Restart both `npx nx serve api` and `npx nx serve todos` and you should see the application running.** > Nx helps you explore code generation options. Run `npx nx g @nrwl/react:component --help` to see all options available. Pass `--dry-run` to the command to see what would be generated without actually changing anything, like this: `npx nx g @nrwl/react:component mycmp --project=ui --dry-run`. - -!!!!! -Libraries' public API is defined in... -!!!!! -index.ts -workspace.json and tsconfig.json files diff --git a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/09-dep-graph.md b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/09-dep-graph.md index 3fb1e88128..46a3da2d42 100644 --- a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/09-dep-graph.md +++ b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/09-dep-graph.md @@ -9,10 +9,3 @@ An Nx workspace can contain dozens or hundreds of applications and libraries. As Previously, some senior architect would create an ad-hoc dependency diagram and upload it to a corporate wiki. The diagram is not correct even on Day 1 and gets more and more out of sync with every passing day. With Nx, you can do better than that. - -!!!!! -Run "npx nx dep-graph". What do you see? -!!!!! -A dependency diagram in the browser -A dep-graph.html file created at the root of the workspace -A json document printed out in the terminal diff --git a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/10-computation-caching.md b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/10-computation-caching.md index 3bb4d23342..1f64d4ffc5 100644 --- a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/10-computation-caching.md +++ b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/10-computation-caching.md @@ -94,10 +94,3 @@ All files pass linting. ``` > Add --parallel to any command, and Nx will do most of the work in parallel. - -!!!!! -Run `npx nx lint api --with-deps`. What do you see? -!!!!! -Nx read the output from cache instead of running the command for 1 out of 2 projects. -Everything was retrieved from the cache -`Cannot lint data` error diff --git a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/11-test-affected-projects.md b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/11-test-affected-projects.md index bdfb4147ae..3d1cda3474 100644 --- a/nx-dev/nx-dev/public/documentation/previous/react/tutorial/11-test-affected-projects.md +++ b/nx-dev/nx-dev/public/documentation/previous/react/tutorial/11-test-affected-projects.md @@ -70,9 +70,3 @@ You can run any target against the affected projects in the graph like this: npx nx affected --target=build npx nx affected:build ``` - -!!!!! -Run "npx nx affected --target=invalid --base=master". What do you see? -!!!!! -No projects with "invalid" were run -An error message saying that the "invalid" target is invalid