Skip to content

Commit

Permalink
feat(docs): scope docs
Browse files Browse the repository at this point in the history
  • Loading branch information
vsavkin committed Jun 19, 2019
1 parent 9e15f4a commit 5b4127e
Show file tree
Hide file tree
Showing 89 changed files with 408 additions and 196 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -351,7 +351,7 @@ export class AppController {
}
```

After this refactor, the backend and the frontend will share the same definition of `Ticket` and never get out of sync. Being able to factor code into a lot of small libraries with a well-defined public API, which you can then use across both the backend and the frontend, is a key feature of Nx. You can read more about it in our [Develop like Google Guide](develop-like-google).
After this refactor, the backend and the frontend will share the same definition of `Ticket` and never get out of sync. Being able to factor code into a lot of small libraries with a well-defined public API, which you can then use across both the backend and the frontend, is a key feature of Nx. You can read more about it in our [Develop like Google Guide](/a/fundamentals/develop-like-google).

## Nx is Smart

Expand All @@ -365,7 +365,7 @@ npm run dep-graph

![Full Stack Dependencies](./full-stack-deps.png)

If you change the data library, Nx will know that both the backend and the frontend can be affected by the change. This information can be used to test and build all areas affected by a change making Nx a powerful full-stack development environment that scales. You can read more about this Nx capability in [Building Like Google](develop-like-google).
If you change the data library, Nx will know that both the backend and the frontend can be affected by the change. This information can be used to test and build all areas affected by a change making Nx a powerful full-stack development environment that scales. You can read more about this Nx capability in [Building Like Google](/a/fundamentals/develop-like-google).

## Summary

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -193,7 +193,7 @@ An Nx workspace can contain dozens (or hundreds) of applications and libraries.

Previously, a senior architect would create an ad-hoc dependency diagram and upload it to a corporate wiki. The diagram is not even correct on Day 1, and gets more and more out of sync with every passing day.

With Nx, you can do better than that. You can run `yarn dep-graph` to see a current dependency diagram of the workspace: what apps and libs are there, how they depend on each other, what is loaded lazily and what is not. Nx uses code analysis to collect this information. Read more about [Analyzing and Visualizing Workspaces](/guides/monorepo-dependency-diagrams).
With Nx, you can do better than that. You can run `yarn dep-graph` to see a current dependency diagram of the workspace: what apps and libs are there, how they depend on each other, what is loaded lazily and what is not. Nx uses code analysis to collect this information. Read more about [Analyzing and Visualizing Workspaces](/a/guides/monorepo-dependency-diagrams).

![Monorepo Diagram](./monorepo-diagram.png)

Expand All @@ -217,7 +217,7 @@ yarn affected --target=lint --base=master # reruns any target (for instance lint

Nx will topologically sort the projects, and will run what it can in parallel. The fact that Nx can use its dependency graph to rebuild and retest the minimal number of projects necessary is crucial. Without this the repo will not scale beyond a handful of projects.

Read more about how to use `affected:*` commands [here](/guides/monorepo-affected).
Read more about how to use `affected:*` commands [here](/a/guides/monorepo-affected).

### Imposing Constraints on the Dependency Graph

Expand Down Expand Up @@ -256,15 +256,15 @@ For instance, with this configuration, when you import private client code from

![Lint Error](./lint-error.png)

Read more about this feature [here](/guides/monorepo-tags).
Read more about this feature [here](/a/guides/monorepo-tags).

## Tools and Automation

In addition to implementing monorepo-style of development, Nx brings in another key element of Google dev culture--emphasis on tooling.

### Workspace Schematics

Schematics is what what powers all Angular CLI (and Nx) code generation. With Nx, you can easily create workspace-specific schematics that you can then use to enforce your own best practices. Read more about [Workspace Schematics](/guides/tools-workspace-schematics).
Schematics is what what powers all Angular CLI (and Nx) code generation. With Nx, you can easily create workspace-specific schematics that you can then use to enforce your own best practices. Read more about [Workspace Schematics](/a/guides/tools-workspace-schematics).

### Code Formatting

Expand All @@ -276,7 +276,7 @@ yarn format:write # formats the files
yarn format:check # checks that the formatting is correct (used in CI)
```

Read more about it [here](/guides/modernize-prettier).
Read more about it [here](/a/guides/modernize-prettier).

## Understanding Nx.json

Expand Down Expand Up @@ -340,7 +340,7 @@ In the above example, any change to `package.json` will only affect `mylib`.
}
```

The `tags` array is used to impose constraints on the dependency graph. Read more about it [here](/guides/monorepo-tags).
The `tags` array is used to impose constraints on the dependency graph. Read more about it [here](/a/guides/monorepo-tags).

Nx uses its advanced code analysis to construct a dependency graph of all applications and libraries. Some dependencies, however, cannot be determined statically. You can use the `implicitDependencies` array to list the dependencies that cannot be determined statically.

Expand Down
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@ ng g @nrwl/node:application api # Create a Node Application

## Cypress

![Cypress logo](./cypress-logo.png)
![Cypress logo](../../shared/cypress-logo.png)

Cypress is an e2e test runner built for modern web. It has a lot of great features:

Expand Down Expand Up @@ -149,7 +149,7 @@ To use Protractor instead of Cypress, run `ng g @nrwl/angular:application fronte

## Jest

![Jest logo](./jest-logo.png)
![Jest logo](../../shared/jest-logo.png)

Jest is a fast 0-setup testing framework from Facebook.

Expand Down
File renamed without changes.
File renamed without changes
File renamed without changes
File renamed without changes.
File renamed without changes
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ ng add @nrwl/express # Add Express capabilities to a workspace
ng add @nrwl/node # Add Node capabilities to a workspace
```

Finally, you can run `ng serve backend` and `ng serve frontend`. There is a lot more to full-stack development in Nx, which you can read about [here](/fundamentals/build-full-stack-applications).
Finally, you can run `ng serve backend` and `ng serve frontend`. There is a lot more to full-stack development in Nx, which you can read about [here](/a/fundamentals/build-full-stack-applications).

## Use effective development practices pioneered at Google

Expand Down Expand Up @@ -121,7 +121,7 @@ This is a hard requirement for monorepo-style development. Nx implements it.

In addition to using the monorepo, Google is also known for its use of automation and tooling. Nx adds powerful capabilities helping your team promote best practices and ensure consistency.

Read more about how Nx helps you develop like Google [here](/fundamentals/develop-like-google).
Read more about how Nx helps you develop like Google [here](/a/fundamentals/develop-like-google).

## Use Innovative Tools

Expand All @@ -145,7 +145,7 @@ ng test myapp
ng e2e myapp
```

Read more about using innovative tools [here](/fundamentals/use-modern-tools).
Read more about using innovative tools [here](/a/fundamentals/use-modern-tools).

## Summary

Expand Down
File renamed without changes.
Original file line number Diff line number Diff line change
Expand Up @@ -12,15 +12,15 @@ With Nx, you can:

## Getting Started

- New to Nx? Have a look at the [Getting Started](/getting-started/getting-started) guide.
- [How does Nx compare to the off-the-shelf Angular CLI?](/getting-started/nx-and-cli)
- New to Nx? Have a look at the [Getting Started](/a/getting-started/getting-started) guide.
- [How does Nx compare to the off-the-shelf Angular CLI?](/a/getting-started/nx-and-cli)

## Learn Nx

- [How Nx helps you use modern tools like Cypress, Jest, and Nest](/fundamentals/use-modern-tools)
- [How Nx helps you build full-stack applications using Angular and Node.js](/fundamentals/build-full-stack-applications)
- [How Nx helps you develop like Google](/fundamentals/develop-like-google)
- [Books, talks, and blog posts about Nx](/getting-started/resources)
- [How Nx helps you use modern tools like Cypress, Jest, and Nest](/a/fundamentals/use-modern-tools)
- [How Nx helps you build full-stack applications using Angular and Node.js](/a/fundamentals/build-full-stack-applications)
- [How Nx helps you develop like Google](/a/fundamentals/develop-like-google)
- [Books, talks, and blog posts about Nx](/a/getting-started/resources)

## Contribute

Expand Down
File renamed without changes
File renamed without changes
File renamed without changes.
File renamed without changes.
File renamed without changes.
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Using Cypress

![Cypress logo](../fundamentals/cypress-logo.png)
![Cypress logo](../../shared/cypress-logo.png)

Cypress is an e2e test runner built for modern web. It has a lot of great features:

Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Using Jest

![Jest logo](../fundamentals/jest-logo.png)
![Jest logo](../../shared/jest-logo.png)

[Jest](https://jestjs.io/) is an open source test runner created by Facebook. It is used within Facebook internally as well as many other enterprise and open source projects including Nx itself!

Expand Down
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
Original file line number Diff line number Diff line change
Expand Up @@ -91,9 +91,9 @@ Projects without any tags cannot depend on any other projects. If you add the fo
}
```

If you try to violate the constrains, you will get an err:
If you try to violate the constrains, you will get an error:

![dependency-graph-constraints-lint-error](../fundamentals/lint-error.png)
![dependency-graph-constraints-lint-error](../getting-started/lint-error.png)

## Multiple Dimensions

Expand Down
2 changes: 1 addition & 1 deletion docs/guides/nx7-to-nx8.md → docs/a/guides/nx7-to-nx8.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ If you have used Nx since before version 8, things might seem different now. Pri

## Upgrading from Nx 7 to Nx 8

To upgrade from a Nx 7 workspace to a Nx 8 workspace, use `yarn upgrade` or `npm run update`. This will add the new packages as well as migrate features from their usages in Nx 7 to their usages in Nx 8.
To upgrade from a Nx 7 workspace to a Nx 8 workspace, use `yarn update` or `npm run update`. This will add the new packages as well as migrate features from their usages in Nx 7 to their usages in Nx 8.

## Where you can find familiar features

Expand Down
File renamed without changes
File renamed without changes
File renamed without changes.
File renamed without changes
File renamed without changes
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
6 changes: 3 additions & 3 deletions docs/tutorial/12-summary.md → docs/a/tutorial/12-summary.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,6 @@ Watch the video showing how to use Nx and Angular Console to build full-stack ap

### Read Fundamentals

- [Using Modern Tools](/fundamentals/use-modern-tools)
- [Building Full-Stack Applications](/fundamentals/build-full-stack-applications)
- [Developing Like Google: Monorepos and Automation](/fundamentals/develop-like-google)
- [Using Modern Tools](/a/fundamentals/use-modern-tools)
- [Building Full-Stack Applications](/a/fundamentals/build-full-stack-applications)
- [Developing Like Google: Monorepos and Automation](/a/fundamentals/develop-like-google)
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
16 changes: 8 additions & 8 deletions docs/api/home.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,32 +17,32 @@ can see, for each package its dependencies.

## Angular

![Angular](./angular.jpg)
![Angular](/assets/content/api/angular.jpg)

## React

![React](./react.jpg)
![React](/assets/content/api/react.jpg)

## Nest

![Nest](./nest.jpg)
![Nest](/assets/content/api/nest.jpg)

## Express

![Express](./express.jpg)
![Express](/assets/content/api/express.jpg)

## Node

![Node](./node.jpg)
![Node](/assets/content/api/node.jpg)

## Cypress

![Cypress](./cypress.jpg)
![Cypress](/assets/content/api/cypress.jpg)

## Jest

![Jest](./jest.jpg)
![Jest](/assets/content/api/jest.jpg)

## Web

![Web](./web.jpg)
![Web](/assets/content/api/web.jpg)

0 comments on commit 5b4127e

Please sign in to comment.