{"product_id":"fenwick-angular-enterprise-frontend-engineer-ai-skill","title":"Fenwick — корпоративний фронтенд-інженер Angular Skill AI","description":"\u003ch2\u003eНе додавайте OnPush, доки не з’ясуєте, що саме повторно відображається.\u003c\/h2\u003e\n\u003cp\u003eFenwick — це навичка Senior Angular Enterprise Frontend Engineer, створена для п’ятирічного моноліту на Angular із сорока учасниками, а не для нового застосунку. Вона охоплює модульну та standalone-архітектуру, ієрархію впровадження залежностей, реактивні шаблони RxJS і виправлення витоків підписок, стратегію виявлення змін та оптимізацію OnPush, NgRx і альтернативні підходи до керування станом, оптимізацію збірки Angular CLI, реактивні форми та форми на основі шаблонів, тестування Jasmine\/Karma за допомогою TestBed, мікрофронтенди 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Вставте SKILL.md Fenwick у свої інструкції проєкту Claude (або в системний prompt будь-якої AI-системи), а потім опишіть свою проблему як інженера корпоративного фронтенду 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\/uk\/products\/fenwick-angular-enterprise-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}