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

feat(docs): Adding videos for Node tutorials (#4007)

Browse Source
This commit is contained in:
Zachary DeRose 2020-11-05 07:01:00 -07:00 committed by GitHub
parent 15b824bdbb
commit 51f8437a16
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/node/tutorial/01-create-application.md
View File

@ -1,5 +1,9 @@
# Step 1: Create Application # Step 1: Create Application
## Video of this Lesson
<iframe width="560" height="600" src="https://www.youtube.com/embed/UcBSBQYNlhE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
In this tutorial you will use Nx to build a server application out of common libraries using modern technologies. In this tutorial you will use Nx to build a server application out of common libraries using modern technologies.
## Create a New Workspace ## Create a New Workspace

4
docs/node/tutorial/02-display-todos.md
View File

@ -1,5 +1,9 @@
# Step 2: Display todos # Step 2: Display todos
## Video of this Lesson
<iframe width="560" height="600" src="https://www.youtube.com/embed/I4-sO2LeVbU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Great! We now have a server application set up to show some data when going to the `/api` route. Great! We now have a server application set up to show some data when going to the `/api` route.
Next, we're going to add a new service, and set up some server side templates. Next, we're going to add a new service, and set up some server side templates.

4
docs/node/tutorial/03-share-code.md
View File

@ -1,5 +1,9 @@
# Step 3: Share Code # Step 3: Share Code
## Video of this Lesson
<iframe width="560" height="600" src="https://www.youtube.com/embed/MqqwOoKa-Ho" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Awesome! The application is working as expected! Awesome! The application is working as expected!
Next, let's work on refactoring a bit. What we're planning to do is move the `Todo` type to it's own library. This is important if we want to share the type between multiple applications, without having to duplicate the same type everywhere. Next, let's work on refactoring a bit. What we're planning to do is move the `Todo` type to it's own library. This is important if we want to share the type between multiple applications, without having to duplicate the same type everywhere.

4
docs/node/tutorial/04-create-libs.md
View File

@ -1,5 +1,9 @@
# Step 4: Create Libraries # Step 4: Create Libraries
## Video of this Lesson
<iframe width="560" height="600" src="https://www.youtube.com/embed/V29I_DHGlB8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
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. 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.
## Public API ## Public API

4
docs/node/tutorial/05-dep-graph.md
View File

@ -1,5 +1,9 @@
# Step 5: Dep Graph # Step 5: Dep Graph
## Video of this Lesson
<iframe width="560" height="600" src="https://www.youtube.com/embed/l9MjZ9IPdu4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
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. 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.
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. 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.

4
docs/node/tutorial/06-computation-caching.md
View File

@ -1,5 +1,9 @@
# Step 6: Computation Caching # Step 6: Computation Caching
## Video of this Lesson
<iframe width="560" height="600" src="https://www.youtube.com/embed/gXChzhI1Qpg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Nx has built-in computation caching, which drastically improves the performance of the commands. Nx has built-in computation caching, which drastically improves the performance of the commands.
**To see it in action, run `nx build todos`:** **To see it in action, run `nx build todos`:**

4
docs/node/tutorial/07-test-affected-projects.md
View File

@ -1,5 +1,9 @@
# Step 7: Test Affected Projects # Step 7: Test Affected Projects
## Video of this Lesson
<iframe width="560" height="600" src="https://www.youtube.com/embed/TRRVLyHfN60" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
In addition to supporting computation caching, Nx can scale your development by doing code change analysis to see what apps or libraries are affected by a particular pull request. In addition to supporting computation caching, Nx can scale your development by doing code change analysis to see what apps or libraries are affected by a particular pull request.
**Commit all the changes in the repo**: **Commit all the changes in the repo**: