finds.dev← search

// the find

toddmotto/angular-pizza-creator

★ 450 · TypeScript · updated Oct 2020

Source code for Angular advanced Form APIs pizza builder

A companion repo for Todd Motto's Ultimate Courses Angular training, demonstrating reactive forms with FormGroup, FormArray, and custom ControlValueAccessor implementations through a pizza builder UI. It's a teaching artifact, not a library — the point is to read the source, not install it. Aimed at Angular developers who learn better from a real feature than from documentation alone.

Shows FormArray in a non-trivial context (toppings list) where the array grows and shrinks dynamically, which is where most tutorials give up. The ControlValueAccessor implementation on the pizza-size component is a clean example of wrapping a custom UI element into the forms API properly. OnPush change detection is applied throughout, so you can see how reactive forms interplay with it without extra complexity. Container/component split is clear and consistent.

Frozen at Angular v4 with a Webpack config — Angular CLI didn't even own the build toolchain yet at this point. Updating it to anything modern would require rewriting the build setup entirely. No tests despite shipping a karma.conf.js, which is exactly the kind of gap you'd want tests to cover (form validation logic, custom validators). The custom pizza validator in validators/pizza.validator.ts is presumably minimal given the repo's teaching scope, not something production-worthy. Dead as of 2020, so any Angular-version-specific behavior it demonstrates may have changed.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →