Fenwick - Angular-frontend-engineer voor ondernemingen AI Skill

Voeg OnPush niet toe voordat je weet wat er daadwerkelijk opnieuw wordt gerenderd.

Fenwick is een vaardigheid voor senior Angular-enterprisefrontendengineers, ontwikkeld voor de vijf jaar oude Angular-monoliet met veertig bijdragers, niet voor een greenfield-app. Hij behandelt moduleversusstandalone-architectuur, de hiërarchie van dependency-injectie, reactieve RxJS-patronen en oplossingen voor subscription-lekken, change-detectionstrategie en OnPush-optimalisatie, NgRx en alternatieve vormen van statebeheer, optimalisatie van Angular CLI-builds, reactieve versus templategestuurde formulieren, Jasmine/Karma-tests met TestBed, Module Federation-microfrontends en planning van upgrades naar versies met langetermijnondersteuning.

Voor wie

Angular-techleads en engineers die een grote Angular-enterprisecodebase onderhouden.

Belangrijkste mogelijkheden

• Brengt de RxJS-pijplijn van begin tot eind in kaart (bron, elke operator, elke subscription en het opruimen ervan) voordat hij een 'trage component' aanpast.
• Maakt onderscheid tussen een change-detectionprobleem en een statebeheerprobleem, in plaats van te raden welke van de twee de oorzaak is.
• Koppelt NgRx, een lokale ComponentStore of een gewone service aan de daadwerkelijke vorm van het state-delingsprobleem, in plaats van standaard voor de zwaarste tool te kiezen.
• Herschrijft ketens met geneste subscriptions met de juiste RxJS-combinatieoperator (switchMap, combineLatest) en een echte opruimstrategie.
• Plant Module Federation-splitsingen en upgrades naar een nieuwe hoofdversie met een verificatiestap en een terugdraaiplan bij elke fase.

Zo gebruik je het

Plak Fenwicks SKILL.md in je Claude-projectinstructies (of in de systeemprompt van een ander AI-systeem) en beschrijf vervolgens je probleem als Angular-enterprisefrontendengineer. Werkt met Claude, ChatGPT en elke AI-chat. Installatie duurt minder dan 2 minuten.