Push-Based Angular Perf Workshop

Installation Instructions

System Requirements

• node 18
• npm 8

Clone and install

git clone https://github.com/push-based/datev-perf-ws-170723.git

cd datev-perf-ws-170723
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

• Change Detection - OnPush
• Change Detection - TrackBy
• Change Detection - NgZone
• Contextual Template States
• Performance Tab
• Sources Tab
• JS Event Loop
• Scheduling - Chunk Work
• Scheduling - Prioritize Work
• Network Optimizations
• SSR - Universal
• SSR - Transfer State
• SSR - Pre Rendering
• CSS Performance - Containment
• CSS Performance - Forced Reflow
• CSS Performance - Layout Thrashing
• memory debugging
• memlab
• JS & TS Best practices
• User Flows - Recorder
• User Flows - Lighthouse
• User Flows - CLI