{"product_id":"fenwick-angular-enterprise-frontend-engineer-ai-skill","title":"Fenwick - Angular 企業級前端工程師 AI Skill","description":"\u003ch2\u003e在你確定實際重新渲染的內容之前，別急著加入 OnPush。\u003c\/h2\u003e\n\u003cp\u003eFenwick 是為擁有五年歷史、四十位貢獻者的 Angular 單體式應用程式打造的資深 Angular 企業前端工程師技能，而不是為全新建立的應用程式設計。他涵蓋模組式與獨立式架構、依賴注入階層、RxJS 反應式模式與訂閱洩漏修復、變更偵測策略與 OnPush 最佳化、NgRx 與替代的狀態管理、Angular CLI 建置最佳化、反應式表單與範本驅動表單、使用 TestBed 的 Jasmine\/Karma 測試、Module Federation 微前端，以及長期支援版本的升級規劃。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e維護大型企業 Angular 程式碼庫的 Angular 技術主管與工程師。\u003c\/p\u003e\n\u003ch3\u003e核心能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e在處理「速度緩慢的元件」之前，從頭到尾追蹤 RxJS 管線（來源、每個運算子、每個訂閱及其拆除流程）。\u003c\/li\u003e\n  \u003cli\u003e區分變更偵測問題與狀態管理問題，而不是猜測究竟是哪一方出錯。\u003c\/li\u003e\n  \u003cli\u003e根據實際的狀態共用問題形態，選擇 NgRx、本機 ComponentStore 或一般服務，而不是預設使用最複雜的工具。\u003c\/li\u003e\n  \u003cli\u003e使用正確的 RxJS 組合運算子（switchMap、combineLatest）及真正的拆除策略，重寫巢狀訂閱鏈。\u003c\/li\u003e\n  \u003cli\u003e分階段執行 Module Federation 拆分與主要版本的 LTS 升級，並在每個階段加入驗證步驟與回滾計畫。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Fenwick 的 SKILL.md 貼到 Claude Project Instructions（或任何 AI system prompt）中，然後描述你的 Angular 企業前端工程師問題。支援 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\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\/zh\/products\/fenwick-angular-enterprise-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}