Push-Based React Nx Workshop

Installation Instructions

System Requirements

• node > 18
• npm > 8

Clone and install

git clone https://github.com/push-based/vendure-nx-24

cd react-movies-app
npm install

# (optional) if the step before didn't work, please try the following
npm install --force

Run the application

npm run start

Workshop Information

• ws info doc
• slides

Exercises

0. Project Setup

Day 1

1. Nx Intro: create-nx-workspace
2. Nx Intro: generate an app
3. Nx Intro: Executors
4. Nx Intro: create libs
5. Nx Intro: affected & caching
6. Project Setup
7. Scalable Architectures: Design a workspace architecture
8. Module Boundaries
9. Dependency Management: Task Dependencies
10. Create a branch please
11. Dependency Management: Task Inputs
12. Dependency Management: @nx/dependency-checks

Day 2

1. Module Federation: Nx MFE Setup
2. Nx Cloud: connect-to-nx-cloud
3. Nx Cloud: Replay
4. Nx Cloud: Dashboard, VCS Integration & Simple CI/CD pipeline
5. Nx Cloud: Nx Agents & DTE
6. Nx Cloud: Nx Cloud Agents
7. Workspace Performance: Task Parallelization
8. Workspace Performance: Affected Tweaks
9. Extend Nx: Custom Plugins
10. Extend Nx: Custom Executors
11. Extend Nx: Custom Generator
12. Extend Nx: Task Inheritance - Project Crystal
13. Code Quality & Consistency: husky & lint-staged