Angular Challenges

Sign in with GitHub Sponsor Star

Guides

Getting Started
Resolve a Challenge
Check out Somebody's Answer
Contribute
Create your own challenge
Rebase your branch
FAQ

Leaderboard

Challenges answered
Challenges created
Contributions

Challenges

Angular

Projection
Crud application
Pure Pipe
Anchor Navigation
@RouterInput()
Module to Standalone
Simple Animations
Lazy Load a Component
Content Projection Default
async-redirect
Structural Directive
Wrap Function Pipe
Highly Customizable CSS
Change Detection Bug
Decoupling Components
InjectionToken
Back-Button-Navigation
Content Projection Condition
Typed ContextOutlet
Utility Wrapper Pipe
Master Dependency Injection
View Transition
React in angular
content-projection-defer

Forms

Simplest Signal Form
Crossfield Validation with Signal Forms
Control Value Accessor
Avoid losing form data
Child Forms
Form Array
signal-form-edition

Nx

Custom Eslint Rule
Static vs Dynamic Import
Component Generator
Extend Lib Generator

Performance

Angular Performance
Default vs OnPush
Memoization
NgFor Optimization
Optimize Change Detection
Optimize Big List
Web workers

RxJS

Race Condition
catchError
Hold to save button
High Order Operator Bug

Signal

Signal Input
Bug in Effect
Function call in effect
Big Signal Performance
Interoperability Rxjs/Signal
Pipe Observable to Signal
forms and signal

Testing

Testing
Harness
Checkbox
Router
Nested Components
Input Output
Modal
Harness Creation
Real-life Application

TypeScript

Enums vs Union Types
Function Overload

Challenges created

A challenge is missing? Create your own one and get on the leaderboard — read the guide.