Do you have a deeply nested data structure? Do you have to build a form around it? Is this form really slow to work with? Are your users complaining about it? Do you need an escape? WAIT! I’m here to guide you home.

TL,DR:

1. Analyze a reactive form to identify the scopes for refactoring.
2. Modularize the code by refactoring for better separation of concerns.
3. Refactor the way the Reactive Form is generated in TypeScript.
4. Identifying the source of performance lag.
5. Enhance the performance by refactoring the form template.
6. Starting Point — StackBlitz Project
7. End Goal — StackBlitz Project

The inspiration to write this article came from a Stack Overflow question, the title of which read:

“Angular 7, Reactive Form slow response when has large data”

I did answer the question there. But then I thought why not write a detailed medium article about it. So here I am, doing just that.

#angular #javascript #web-development #nest