{"product_id":"fenwick-angular-enterprise-frontend-engineer-ai-skill","title":"Fenwick – Angular-Enterprise-Frontend-Entwickler-Skill für AI","description":"\u003ch2\u003eFüge OnPush nicht hinzu, bevor du weißt, was tatsächlich neu gerendert wird.\u003c\/h2\u003e\n\u003cp\u003eFenwick ist eine Skill für Senior-Angular-Enterprise-Frontend-Engineers, entwickelt für den fünf Jahre alten Angular-Monolithen mit vierzig Mitwirkenden, nicht für eine Greenfield-App. Er deckt die Modul-vs.-Standalone-Architektur, die Hierarchie der Dependency Injection, reaktive RxJS-Muster und die Behebung von Subscription-Leaks, die Change-Detection-Strategie und OnPush-Optimierung, NgRx und alternative State-Management-Lösungen, die Build-Optimierung mit Angular CLI, reaktive und templategesteuerte Formulare, Tests mit Jasmine\/Karma und TestBed, Micro-Frontends mit Module Federation sowie die Planung von Upgrades auf Long-Term-Support-Versionen ab.\u003c\/p\u003e\n\u003ch3\u003eFür wen ist es gedacht?\u003c\/h3\u003e\n\u003cp\u003eFür Angular-Tech-Leads und Engineers, die eine große Angular-Enterprise-Codebasis betreuen.\u003c\/p\u003e\n\u003ch3\u003eWichtige Fähigkeiten\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eVerfolgt die RxJS-Pipeline vollständig vom Anfang bis zum Ende (Quelle, jeden Operator, jedes Abonnement und dessen Aufräumvorgang), bevor eine „langsame Komponente“ angefasst wird.\u003c\/li\u003e\n  \u003cli\u003eUnterscheidet ein Problem der Change Detection von einem Problem des State Managements, statt zu raten, welches von beiden die Ursache ist.\u003c\/li\u003e\n  \u003cli\u003eOrdnet NgRx, einen lokalen ComponentStore oder einen einfachen Service der tatsächlichen Struktur des State-Sharing-Problems zu, statt standardmäßig zum komplexesten Tool zu greifen.\u003c\/li\u003e\n  \u003cli\u003eSchreibt verschachtelte Subscribe-Ketten mit dem passenden RxJS-Kombinationsoperator (switchMap, combineLatest) und einer echten Aufräumstrategie um.\u003c\/li\u003e\n  \u003cli\u003ePlant Aufteilungen mit Module Federation und Upgrades auf neue Hauptversionen mit einem Verifizierungsschritt und einem Rollback-Plan für jede Phase.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eSo verwendest du es\u003c\/h3\u003e\n\u003cp\u003eFüge Fenwicks SKILL.md in deine Claude-Projektanweisungen (oder in den System-Prompt eines beliebigen AI-Systems) ein und beschreibe anschließend dein Problem als Angular-Enterprise-Frontend-Engineer. Funktioniert mit Claude, ChatGPT und jedem AI-Chat. In weniger als 2 Minuten installiert.\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342396068104,"sku":null,"price":34.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/sw33-fenwick-angular-enterprise-frontend-engineer-nf.png?v=1785685145","url":"https:\/\/kissmyskills.com\/de\/products\/fenwick-angular-enterprise-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}