Photo by Leon Dewiwje on Unsplash

How to Combine Add and Edit Forms in Angular

Create/update form with smart/dumb components

This article demonstrates how to build a reusable form component that supports add and edit modes. We do this by using the container and presentation components architecture. The goal is not about teaching forms, so we keep it as simple as possible using reactive forms.

--

--

--

Frontend Architect • JavaScript Enthusiast • Educative.io Author • ngVikings organizer.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Anatomy of a scrollspy component with React and TypeScript (1/2)

Integrating ESLint into the Webpack Process

Advanced Sitecore Healthcheck — v2.0 is here

A web component paradigm shift

Unity and Its Interface

D3.js Basic to Mastery Part 1 Fundamentals

Covid Cases In India over time racing bar chart

Enable Cors, Pagination and Data Limitations in GraphQL API — Part 7

Writing Command Line Applications with iModel.js

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Michael Karén

Michael Karén

Frontend Architect • JavaScript Enthusiast • Educative.io Author • ngVikings organizer.

More from Medium

Angular Error Interceptor

Angular Universal: Do and Don’t

Browser Storages: localStorage, sessionStorage, cookies in Angular using SOLID principles.

Location Strategies in Angular