Lab Instructions for Nx Workshop

Here are the labs synced with the git coding repository: workshop-nx-starter

Workspaces

For your local repository, checkout branch workspaces-start:

1. Lab 1: Create an App and a Lib
2. Lab 2: Create a Lazy Loaded UI Lib
3. Lab 3: Public APIs for Libs
4. Lab 4: Run the Build Command and NPM Scripts

RxJS

For your local repository, checkout branch rxjs-start:

1. Lab 1: Ticket Search DropDown
2. Lab 2: Throttle Search Requests
3. Lab 3: Use SwitchMap
4. Lab 4: Create a custom Observable
5. Lab 5: Use BehaviorSubject
6. Lab 6: Combine Multiple Observable Streams
7. Lab 7: RxJS + Facades

NgRx

For your local dev repository, checkout branch ngrx-start:

1. Lab 1: Actions, Reducers, and Selectors
2. Lab 2: Composed Store Selectors
3. Lab 3: Effects and Redux Tools
4. Lab 4: Use Entity-like Pattern
5. Lab 5: Use @ngrx/entity
6. Lab 6: Use DataPersistence fetch() & navigate()
7. Lab 7: Use NgRx Facade
8. Lab 8: 8: Spinners, Select, & Action Deciders

---

Running the Application

Run the following command(s) in individual terminals:

npm run server
npm run customer-portal

If you already have one(s) running and you need to restart, you can stop the run with ctrl+c.

• Open the Customer Portal application with the browser: http://localhost:4203

---

Using the HTTP REST Server

Confirm the Node Server is running with browser page: http://localhost:3000/api/tickets. Use terminal command to launch the server if needed: npm run server.

You can easily throttle the server responses with random delays using npm run server -- -throttled

To see the server HELP page (with links), navigate to http://localhost:3000/.

Restarting the App Server

Sometimes a change to TypeScript interfaces or adding new *.ts files will not get picked up by the watch processes. In such cases, you may need to stop/restart these... if you feel your code is correct but you are getting an error.

If you already have one(s) running and you need to restart, you can stop the run with ctrl+c.