Пользователь Twitter (запрещен в РФ) wa2goose сделал интерестную анимацию перелистывания карточек.
Анимация сделана с помощью reanimated2 и react-native-gesture-handler.
Есть обучающие видео, можно посмотреть тут.

Исходный код проекта можно найти на GitHub

🇺🇸 English translation in comments.

@react_native_info #reactnative

😄

@react_native_info #reactnative

Пользователь GitHub под ником 4TWIGGERS сделал интерестный эффект во время пролистывания ScrollView.

Анимация выполнена с помощью reanimated2.

Исходный код можно мосмотреть на гит

🇺🇸 English translation in comments.

@react_native_info #reactnative

Пользователь GitHub под ником GrandPoohBear сделал анимированный циферблат с помощью reanimated2, для управления состоянием используется MobX.

Исходный код можно мосмотреть на гит

🇺🇸 English translation in comments.

@react_native_info #reactnative

Отличный пример для тех кто давно хотел попробовать поиграться с 3D моделями на RN.

Пользователь GitHub под ником alexandrius, реализовал данный проект на Expo при помощи threejs, react-three-fiber, expo-gl, expo-three.

Исходный код можно мосмотреть на гит

🇺🇸 English translation in comments.

@react_native_info #reactnative

Пользователь GitHub под ником 4TWIGGERS выложил в открытый доступ код, где показанно как нужно делать SVG анимации на примере таб бара при помощи reanimated2 и react-native-svg.

Исходный код можно мосмотреть на гит

🇺🇸 English translation in comments.

@react_native_info #reactnative

Apple обновила гайдлайны к App Store

— Если некоторые функции зависят от учётной записи пользователей в приложении, то разработчики должны предоставить полный доступ к приложению с активной демо-учётной записью или полнофункциональным демо режимом для Review.

— Приложения могут использовать NFT, но с некоторыми ограничениями. Например, приложения могут позволять пользователям просматривать NFT при условии, что там нет кнопок, внешних ссылок или других призывов к действию для покупки.

— Стандарт «умного дома» Matter: приложения должны использовать фреймворк Apple для поддержки Matter. Если используются другие Matter SDK, то они должны быть сертифицированы.

Подробнее о всех изменениях тут

🇺🇸 English translation in comments.

@react_native_info #reactnative

ReactNative 0.71.0-rc.0

⚠️ Экспериментальная версия

Основные новвоведения:
✓ Добавили поддержку flex-gap для стилей;
✓ Typescript теперь поддерживается из коробки;
✓ Началный шаблон приложения теперь генерируется на TS;
✓ Оптимизировали сборку Hermes с помощью Maven, тем самым сократив время сборки для iOS и Android;

Подробнее можно ознакомиться тут

🇺🇸 English translation in comments

@react_native_info #reactnative

Пользователь GitHub по ником eneskarpuz сделал интерестную библеотеку React Native Drag Text Editor, работает все это дело на reanimated2 и React Native Gesture Handler.

Исходный код можно мосмотреть на гит

🇺🇸 English translation in comments

@react_native_info #reactnative

Ютубер Massive Educator сделал анимированный тулбар на ReactNative, который отлично работает на ios, android, mac os, windows и web. И запилил видео урок, ссылка тут.

📦 Окружение проекта
1. react-native: 0.70.4
2. react-native-web: 0.18.10
3. react-native-windows: 0.70.6
4. react-native-macos: 0.68.57
5. react-native-reanimated: 2.12.0
6. react-native-gesture-handler: 2.8.0
7. react-native-vector-icons: 9.2.0

Исходный код проекта можно найти на гит

🇺🇸 English translation in comments

@react_native_info #reactnative

🚨 Важное Обновление Правил Приватности для Разработчиков Приложений Apple – 2024!

🔴 Основные Причины Отклонения Приложений:
С 1 мая 2024 года Apple вводит новые правила конфиденциальности для приложений в App Store. Если ваше приложение использует определённые API или сторонние SDK без соответствующего описания приватности, оно может быть отклонено.

🔧 Обязательное Описание Приватности:
Разработчикам необходимо предоставить описание методов сбора данных их сторонними SDK. Это критически важно для поддержания прозрачности использования данных пользователя.

📚 Обновление Требований к SDK:
Видео детально описывает, как создать описание приватности для вашего приложения, включая обработку user defaults и раскрытие методов сбора данных через требуемые метки "питательности приватности" в App Store.

⚙️ Управление Неподдерживаемыми SDK:
Для устаревших или неподдерживаемых SDK разработчикам, возможно, придется форкнуть репозитории или включить описания приватности в свои приложения, чтобы соответствовать новым стандартам.

📝 Документация и Соблюдение Правил:
Видео предоставляет подробное руководство по соблюдению новых правил, включая модификацию существующих приложений и обработку новых подач в App Store.

🧐 Особенности для Существующих Приложений:
Существующие приложения, использующие старые SDK до введения новых правил, будут включены в "дедовщину". Однако новые приложения или обновления, добавляющие новые SDK после 1 мая 2024 года, должны соответствовать требованиям.

🔢 Цифры, которые имеют значение:
- Срок вступления новых правил – 1 мая 2024 года.
- Обновление касается сторонних SDK, как популярных, так и нишевых.
- Видео акцентирует внимание на использовании user defaults, широко применяемого API, который будет сильно затронут изменениями.

@react_native_info #reactnative

🚀 Новые возможности для AI-приложений! 🤖📱

Не так часто говорим о LLM'ах (уверены, вы и так о них слышите больше, чем нужно 😅), но мимо этой новости пройти сложно!

🔥 Bolt и Expo объединились, чтобы добавить поддержку (React-)Native мобильных приложений в Bolt. Теперь вы можете предпросматривать AI-сгенерированные приложения прямо в браузере! 🌐

А если хотите пойти дальше — скачивайте код и развивайте проект как душе угодно. 💡

💥 В планах — интеграция с EAS для удобного деплоя в продакшн. 🚀

PS: Нас всех заменят )))

https://expo.dev/blog/bolt-expo-integration-announcement

#AI #ReactNative #Expo #Bolt #MobileDev

🚀 Что нового в React Native в июле 2025?

Месяц стал знаковым для платформы: заморозка Legacy-архитектуры, рост производительности, новые библиотеки и события! Ниже — ключевые апдейты 👇

⸻

1️⃣ React Native 0.80.2
Интеграция с React 19.1.0, предупреждения DevTools об устаревших API и заморозка Legacy-архитектуры.
🔗 https://reactnative.dev/blog/2025/06/12/react-native-0.80

⸻

2️⃣ Strict TypeScript API (opt-in)
Типы генерируются из исходников — меньше ошибок, больше безопасности.
🔗 https://reactnative.dev/blog/2025/06/12/moving-towards-a-stable-javascript-api

⸻

3️⃣ Скорость и размер
iOS-сборки стали быстрее на 12%, Android APK уменьшился на ~1 МБ (Hermes + IPO).
🔗 https://www.brilworks.com/blog/react-native-0-80/

⸻

4️⃣ Node-API для нативных модулей
Callstack внедряет поддержку Node-API — стабильность и кросс-совместимость.
🔗 https://www.callstack.com/events

⸻

5️⃣ Expo SDK 54 (анонс)
В конце лета — поддержка RN 0.81, уже доступен canary с 0.80.
🔗 https://expo.dev/changelog/react-native-80

⸻

6️⃣ React Nexus 2025
Конференция в Бангалоре: 750+ dev’ов, тренды и комьюнити.
🔗 https://www.meetup.com/reactjs-bangalore/events/306929368/

⸻

7️⃣ Reanimated 4, Screens 4.0, Gluestack, Tamagui
Анимации, UI и навигация на новом уровне. Больше производительности — меньше боли.
🔗 https://dev.to/erenelagz/must-know-react-native-libraries-for-faster-mobile-app-development-in-2025-1h70

⸻

📌 Вывод:
New Architecture — уже не опция, а необходимость. Будущее React Native становится реальностью уже сегодня.

#ReactNative #MobileDev #Expo #RN80 #Reanimated #TypeScript

🎹 Keyboard Extensions для React Native от kirillzyusko.github.io— новый уровень контроля над клавиатурой!

Теперь можно:
• добавлять custom views поверх клавиатуры
• делать закреплённые тулбары
• реализовать UX как в iMessage/Telegram

🔗 https://kirillzyusko.github.io/react-native-keyboard-controller/blog/keyboard-extensions

Поддерживает iOS 15+, работает с Fabric.
Идеально для чатов и rich input интерфейсов.

#ReactNative #KeyboardController #UX #iOS

🔥🆕 NativeUI — Beautiful React Native components for your next app!
Создавай мощные и красивые приложения быстрее с новой библиотекой UI-компонентов 🌈📱

✨ Что внутри:
• 🎨 Полностью кастомизируемые компоненты
• 🧩 Адаптивность под iOS и Android
• 🛠️ Подход как у shadcn/ui — только нужное
• ♿ Accessibility по умолчанию
• ⚡ Поддержка New Architecture + TypeScript

Идеально для продакшн-приложений, без компромиссов!
📦 npx nativeui add button

🔗 https://www.nativeui.io/

#ReactNative #NativeUI #MobileDev #UIComponents #shadcn

📰 Интересная статья:
🎮 Build 2D Game‑Style Physics with Matter.js and React Native Skia
Как добавить реалистичную физику в React Native с помощью Matter.js + Skia + Reanimated.

🧠 Идеально для mini-игр, интерактивного UI и геймификации интерфейсов.

📖 Читать: https://expo.dev/blog/build-2d-game-style-physics-with-matter-js-and-react-native-skia

#ReactNative #Expo #GameDev #Skia #MatterJS #MobileDev