पाठ 31 / 32
प्रोडक्शन के लिए बिल्ड करना
ng build, ahead-of-time compilation, tree-shaking और minification से Angular app package करें।
ng build
ng build, ऐप को कंपाइल, minify और bundle करके dist/ के अंदर स्थिर फ़ाइलों में बदलता है, जो किसी भी static होस्ट से सर्व करने के लिए तैयार होती हैं।
ng build
# output goes to dist/my-app/प्रोडक्शन मोड क्या करता है
प्रोडक्शन बिल्ड ahead-of-time (AOT) कंपाइलेशन, tree-shaking, और minification सक्षम करता है — डेव सर्वर से छोटे बंडल और तेज़ स्टार्टअप।
त्वरित जाँच: किस कमांड से Angular ऐप डिप्लॉयमेंट के लिए पैकेज होता है?
- ng serve
- ng build
- ng test
- ng generate
Answer
ng build — `ng build`, `dist/` में ऑप्टिमाइज़्ड static फ़ाइलें बनाता है, जबकि `ng serve` केवल स्थानीय विकास के लिए है।
अंतिम क्विज़ 1/8
अंतिम क्विज़
त्वरित जाँच: Standalone component dependencies declare करने के लिए क्या उपयोग करता है?
- An NgModule
- The providers array only
- The imports array
- A global script
Answer
The imports array — Standalone components जो उपयोग करते हैं उसे सीधे import करते हैं।
अंतिम क्विज़ 2/8
अंतिम क्विज़
त्वरित जाँच: कौन-सा syntax DOM property को value से bind करता है?
- (event)="fn()"
- {{ }} only
- #ref
- [property]="value"
Answer
[property]="value" — Square brackets component data को DOM से bind करते हैं।
अंतिम क्विज़ 3/8
अंतिम क्विज़
त्वरित जाँच: @for में क्या होना जरूरी है?
- A track expression
- An @empty block
- A pipe
- A service
Answer
A track expression — track Angular को DOM कुशलता से अपडेट करने देता है।
अंतिम क्विज़ 4/8
अंतिम क्विज़
त्वरित जाँच: count नाम का signal कैसे पढ़ते हैं?
- count.value
- count()
- count.get()
- count[0]
Answer
count() — Signals को function की तरह call करके पढ़ा जाता है।
अंतिम क्विज़ 5/8
अंतिम क्विज़
त्वरित जाँच: Unsubscribe या timers clear कहाँ करने चाहिए?
- ngOnInit
- constructor only
- ngOnDestroy
- ngOnChanges
Answer
ngOnDestroy — Component हटने पर ngOnDestroy चलता है।
अंतिम क्विज़ 6/8
अंतिम क्विज़
त्वरित जाँच: Routes को lazy load करने का क्या लाभ है?
- Faster typing
- More modules
- No router
- A smaller initial bundle
Answer
A smaller initial bundle — Components केवल visit होने पर load होते हैं।
अंतिम क्विज़ 7/8
अंतिम क्विज़
त्वरित जाँच: कौन-सा form approach model को TypeScript में बनाता है?
- Reactive forms
- Template-driven forms
- Inline styles
- Pipes
Answer
Reactive forms — FormGroup और FormControl model को स्पष्ट रूप से define करते हैं।
अंतिम क्विज़ 8/8
अंतिम क्विज़
त्वरित जाँच: Server-side rendering के बाद hydration क्या टालता है?
- Sending HTML
- Rebuilding the DOM from scratch
- Using HTTP
- Routing
Answer
Rebuilding the DOM from scratch — Hydration server-rendered DOM को दोबारा उपयोग करके listeners जोड़ता है।