# प्रोडक्शन के लिए बिल्ड करना — Angular Fundamentals: Components, Signals और Routing

Source: https://www.skillbyai.com/hi/angular/ng-production-build

> ng build, ahead-of-time compilation, tree-shaking और minification से Angular app package करें।

## ng build

`ng build`, ऐप को कंपाइल, minify और bundle करके `dist/` के अंदर स्थिर फ़ाइलों में बदलता है, जो किसी भी static होस्ट से सर्व करने के लिए तैयार होती हैं।

```bash
ng build
# output goes to dist/my-app/
```

## प्रोडक्शन मोड क्या करता है

प्रोडक्शन बिल्ड ahead-of-time (AOT) कंपाइलेशन, tree-shaking, और minification सक्षम करता है — डेव सर्वर से छोटे बंडल और तेज़ स्टार्टअप।

**Quiz:** किस कमांड से Angular ऐप डिप्लॉयमेंट के लिए पैकेज होता है?

- [ ] ng serve
- [x] ng build
- [ ] ng test
- [ ] ng generate

*Answer:* ng build. `ng build`, `dist/` में ऑप्टिमाइज़्ड static फ़ाइलें बनाता है, जबकि `ng serve` केवल स्थानीय विकास के लिए है।

## अंतिम क्विज़ 1/8

अंतिम क्विज़

**Quiz:** Standalone component dependencies declare करने के लिए क्या उपयोग करता है?

- [ ] An NgModule
- [ ] The providers array only
- [x] The imports array
- [ ] A global script

*Answer:* The imports array. Standalone components जो उपयोग करते हैं उसे सीधे import करते हैं।

## अंतिम क्विज़ 2/8

अंतिम क्विज़

**Quiz:** कौन-सा syntax DOM property को value से bind करता है?

- [ ] (event)="fn()"
- [ ] {{ }} only
- [ ] #ref
- [x] [property]="value"

*Answer:* [property]="value". Square brackets component data को DOM से bind करते हैं।

## अंतिम क्विज़ 3/8

अंतिम क्विज़

**Quiz:** @for में क्या होना जरूरी है?

- [x] A track expression
- [ ] An @empty block
- [ ] A pipe
- [ ] A service

*Answer:* A track expression. track Angular को DOM कुशलता से अपडेट करने देता है।

## अंतिम क्विज़ 4/8

अंतिम क्विज़

**Quiz:** count नाम का signal कैसे पढ़ते हैं?

- [ ] count.value
- [x] count()
- [ ] count.get()
- [ ] count[0]

*Answer:* count(). Signals को function की तरह call करके पढ़ा जाता है।

## अंतिम क्विज़ 5/8

अंतिम क्विज़

**Quiz:** Unsubscribe या timers clear कहाँ करने चाहिए?

- [ ] ngOnInit
- [ ] constructor only
- [x] ngOnDestroy
- [ ] ngOnChanges

*Answer:* ngOnDestroy. Component हटने पर ngOnDestroy चलता है।

## अंतिम क्विज़ 6/8

अंतिम क्विज़

**Quiz:** Routes को lazy load करने का क्या लाभ है?

- [ ] Faster typing
- [ ] More modules
- [ ] No router
- [x] A smaller initial bundle

*Answer:* A smaller initial bundle. Components केवल visit होने पर load होते हैं।

## अंतिम क्विज़ 7/8

अंतिम क्विज़

**Quiz:** कौन-सा form approach model को TypeScript में बनाता है?

- [x] Reactive forms
- [ ] Template-driven forms
- [ ] Inline styles
- [ ] Pipes

*Answer:* Reactive forms. FormGroup और FormControl model को स्पष्ट रूप से define करते हैं।

## अंतिम क्विज़ 8/8

अंतिम क्विज़

**Quiz:** Server-side rendering के बाद hydration क्या टालता है?

- [ ] Sending HTML
- [x] Rebuilding the DOM from scratch
- [ ] Using HTTP
- [ ] Routing

*Answer:* Rebuilding the DOM from scratch. Hydration server-rendered DOM को दोबारा उपयोग करके listeners जोड़ता है।