/vendure-nx-24

A CONDENSED Nx workshop for vendure.io

Primary LanguageTypeScript

Push-Based React Nx Workshop

Installation Instructions

System Requirements

  • node > 18
  • npm > 8

Clone and install

git clone https://github.com/push-based/react-movies-app.git

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

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