miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

chore(nxdev): undo changes to previous version of documentation

Browse Source
This commit is contained in:
Jason Jean 2021-07-22 14:38:06 -04:00
parent 99513bbaa0
commit b0b7b7fb7a
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
nx-dev/nx-dev/public/documentation/previous/angular/examples/react-and-angular.md
View File

@ -19,7 +19,7 @@ npx --ignore-existing create-nx-workspace happynrwl --preset=empty
An empty workspace does not have any capabilities to create applications. Add capabilities for Angular development via: An empty workspace does not have any capabilities to create applications. Add capabilities for Angular development via:
```bash ```bash
ng add @nrwl/angular npm i -D @nrwl/angular
``` ```
## Creating an Angular Application ## Creating an Angular Application
@ -27,7 +27,7 @@ ng add @nrwl/angular
An empty workspace has no application or libraries: nothing to run and nothing to test. Let's add an Angular application into it via: An empty workspace has no application or libraries: nothing to run and nothing to test. Let's add an Angular application into it via:
```bash ```bash
ng g @nrwl/angular:app angularapp nx g @nrwl/angular:app angularapp
``` ```
The result should look like this: The result should look like this:
@ -95,6 +95,7 @@ And the template of the generated component will look as follows:
<img <img
width="300" width="300"
src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png"
alt="Nx - Smart, Extensible Build Framework"
/> />
</div> </div>
@ -106,14 +107,14 @@ And the template of the generated component will look as follows:
Generating a React application is just as easy. First, add capabilities for React development via: Generating a React application is just as easy. First, add capabilities for React development via:
```bash ```bash
ng add @nrwl/react npm i -D @nrwl/react
``` ```
## Creating a React Application ## Creating a React Application
Create a React application via: Create a React application via:
`ng g @nrwl/react:app reactapp` and this is what we will see: `nx g @nrwl/react:app reactapp` and this is what we will see:
```treeview ```treeview
happynrwl/ happynrwl/
@ -193,10 +194,10 @@ export class App extends Component {
Nx provides a uniform tool for development the commands used for React development are the same as the commands used to develop Angular applications. Nx provides a uniform tool for development the commands used for React development are the same as the commands used to develop Angular applications.
- `ng serve reactapp` serves the React app - `nx serve reactapp` serves the React app
- `ng build reactapp` builds the React app - `nx build reactapp` builds the React app
- `ng test reactapp` tests the React app using Jest - `nx test reactapp` tests the React app using Jest
- `ng e2e reactapp-e2e` tests the React app using Cypress - `nx e2e reactapp-e2e` tests the React app using Cypress
TypeScript support, Jest, Cypress, source maps, watch mode--all work with React out of the box. If we run ng serve reactapp, we will see the following: TypeScript support, Jest, Cypress, source maps, watch mode--all work with React out of the box. If we run ng serve reactapp, we will see the following:
@ -206,7 +207,7 @@ TypeScript support, Jest, Cypress, source maps, watch mode--all work with React
Nx makes sharing code between applications easy. What used to take days or even weeks, with Nx takes minutes. Say we want to create a ui library of shared components that we will use in both the React and Angular applications. Nx makes sharing code between applications easy. What used to take days or even weeks, with Nx takes minutes. Say we want to create a ui library of shared components that we will use in both the React and Angular applications.
`ng g @nrwl/workspace:lib ui` and this is what we will see: `nx g @nrwl/workspace:lib ui` and this is what we will see:
```treeview ```treeview
happynrwl/ happynrwl/
@ -322,6 +323,7 @@ Finally, we can update `app.component.html` to use our shared web component.
<img <img
width="300" width="300"
src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png"
alt="Nx - Smart, Extensible Build Framework"
/> />
</div> </div>

2
nx-dev/nx-dev/public/documentation/previous/react/migration/migration-cra.md
View File

@ -14,7 +14,7 @@ Just `cd` into your Create-React-App (CRA) project and run the following command
npx cra-to-nx npx cra-to-nx
``` ```
Then just sit back and wait. After a while you will be able to take advantage of the [full magic of Nx](https://nx.dev/latest/react/getting-started/getting-started). You can start from [the commands mentioned in this article](https://nx.dev/latest/react/migration/migration-cra#try-nx). Then just sit back and wait. After a while you will be able to take advantage of the [full magic of Nx](https://nx.dev/latest/react/getting-started/intro). You can start from [the commands mentioned in this article](https://nx.dev/latest/react/migration/migration-cra#try-nx).
**Note:** The command will fail if you try execute it and you have uncommitted changes in your repository. Commit any local changes, and then try to run the command. **Note:** The command will fail if you try execute it and you have uncommitted changes in your repository. Commit any local changes, and then try to run the command.