finds.dev← search

// the find

toddmotto/angular-dynamic-forms

★ 315 · TypeScript · updated Dec 2017

Configurable Reactive Forms in Angular with dynamic components

A tutorial companion repo showing how to build schema-driven forms in Angular using dynamic component instantiation. The real artifact is the blog post, not this code — it's a working example, not a library you'd drop into a project.

The core pattern is sound: a directive that resolves field type to component at runtime is the right abstraction for dynamic forms. Uses proper Reactive Forms under the hood rather than template-driven forms, which matters for validation and testability. The module boundary is clean — DynamicFormModule is self-contained and shows how to expose a public API surface from an Angular feature module.

Abandoned in 2017 on Angular 5, which means no Ivy, no standalone components, and no compatibility with anything written in the last 5 years. Only supports input, select, and button — adding a datepicker or file upload means you're extending the framework yourself. No tests at all. And the webpack config is handwritten rather than using Angular CLI, adding friction for anyone who wants to adapt it to a real project today.

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 →