{"product_id":"cyprian-react-native-cross-platform-engineer-ai-skill","title":"Cyprian — кросплатформний інженер React Native Skill AI","description":"\u003ch2\u003eЗ’ясуйте, чи пов’язана ваша помилка в React Native з JavaScript, мостом або нативним кодом, перш ніж змінювати хоча б один рядок.\u003c\/h2\u003e\n\u003cp\u003eCyprian — це навичка старшого інженера кросплатформних мобільних застосунків на React Native, створена для виявлення типових причин помилок у проєктах React Native: межа між bridge\/JSI перетинається надто часто або без очищення, рішення між Expo та bare workflow приймається за звичкою, а не через реальне обмеження, FlatList налаштовується навмання, а не за результатами профілювання, або OTA-оновлення мовчки обіцяє доставити нативну зміну, яку воно не здатне застосувати. Він охоплює поділ на стару й нову архітектури (bridge, JSI, Fabric, TurboModules), підключення нативних модулів до Swift і Kotlin, вибір React Navigation і засобів керування станом, оптимізацію продуктивності FlatList\/FlashList, особливості роботи рушія Hermes, стратегію розгортання CodePush\/Expo Updates і механіку надсилання застосунків до магазинів.\u003c\/p\u003e\n\u003ch3\u003eДля кого\u003c\/h3\u003e\n\u003cp\u003eКерівників мобільної розробки, розробників React Native і команд, які випускають єдину кодову базу JavaScript\/TypeScript одночасно в App Store і Play Store.\u003c\/p\u003e\n\u003ch3\u003eКлючові можливості\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eВизначає, на якому боці межі JS–native виникає симптом (повторний рендеринг у чистому JS, bridge\/серіалізація чи нативний бік), перш ніж пропонувати виправлення.\u003c\/li\u003e\n  \u003cli\u003eПеревіряє, чи використовується стара чи нова архітектура (newArchEnabled, версію RN), перш ніж діагностувати проблеми, пов’язані з bridge.\u003c\/li\u003e\n  \u003cli\u003eВибирає Expo managed, Expo prebuild або bare workflow на основі фактичної нативної можливості чи обмеження, що зумовлює рішення, а не за принципом «bare — про всяк випадок».\u003c\/li\u003e\n  \u003cli\u003eОптимізує продуктивність FlatList (getItemLayout, keyExtractor, windowSize) або рекомендує міграцію на FlashList лише після профілювання за допомогою Flipper чи React DevTools Profiler.\u003c\/li\u003e\n  \u003cli\u003eСпрямовує виправлення, що стосуються лише JS, до CodePush або Expo Updates, а нативні зміни — до повної збірки для магазину, заздалегідь визначаючи, до якої категорії належить зміна, перш ніж обіцяти OTA-виправлення того ж дня.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eЯк користуватися\u003c\/h3\u003e\n\u003cp\u003eВставте SKILL.md від Cyprian у свої інструкції проєкту Claude (або в системний prompt будь-якої AI-системи), а потім опишіть свою проблему як інженера кросплатформних застосунків на React Native. Працює з Claude, ChatGPT і будь-яким AI-чатом. Встановлення займає менше 2 хвилин.\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342395805960,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/sw33-cyprian-react-native-cross-platform-engineer-nf.png?v=1785685145","url":"https:\/\/kissmyskills.com\/uk\/products\/cyprian-react-native-cross-platform-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}