Push-Based Modern Angular Workshop

Installation Instructions

System Requirements

• node ^20.19.0 || ^22.12.0 || ^24.0.0
• npm > 10

Clone and install

git clone https://github.com/push-based/ws-ng-modern-ng-connect-25.git

cd ws-ng-modern-ng-connect-25
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

Exercises

inject

• inject - Automatic migration

Signals

• Signal - Introduction
• Signal - Computed
• Signal - Effect

More Signals

• Signal - toSignal
• Signal - resource & injectParams
• Signal - Automatic Migration

Change Detection

• Change Detection: Dirty Check
• Change Detection: OnPush
• Change Detection: Manual Change Detection
• Change Detection: signals
• Change Detection: zoneless

New Control Flow

• New Control Flow

Defer

• Defer

Server Side Rendering

• SSR: Setup & Gotchas
• SSR: Caching & Server Timing
• SSR: Server Routes Configuration