ReactNative — info

Полное руководство по правильному использованию анимаций для лучшего UX – Автор статьи объясняет как нужно делать анимации чтобы добиться лучшего UX. Для наглядности в статье очень много GIF примеров, рекомендую всем к прочтению данную стать.

Новый хук useAnimatedKeyboard() который обозревал недавно, уже доступен в версии reanimated 2.10.0 @react_native_info

Библиотека ReactNative live text позволяет сканировать текст или QR с изображения в приложении на iOS устройствах, используя нативные возможности платформы а также имея очень простой API. Но с одной оговоркой, работает только на iOS16. P.S. Пример кода в коментах. @react_native_info

Есть такой термин Navigation Transition, вот отличный концепт того как это должно выглядеть. @react_native_info

Navio - это легковесная библиотека-обертка над React Navigation, которая позволяет легко создавать структуру навигации в одном месте и использовать преимущества typescript в приложении. Подсказки для названий экранов при создании структуры приложения и в использовании методов навигации (например, push, jumpTo) приводит к лучшему UX, меньшему количеству ошибок и более быстрому процессу разработки. И да, больше не нужно возиться с <NavigationContainer>, <Tabs.Navigator> и <Stack.Screen>! Пример работы можно посмотреть в Expo Snack. @react_native_info

Ребята из Software Mansion готовят возможность отладки Reanimated во Flipper для движка Hermes. Уже доступна эксперементальная версия с этой фичей в версии Reanimated 3.0.0-rc.3. Документация была доступна по этой ссылке но по какой-то причине ее удалили, но есть кешированная версия страницы, так что кому интерестно можете глянуть тут.

Пользователь GitHub под ником Aashu-Dubey сделал красивый и анимированный UI KIT для react-native. В репозитории есть GIF с примером работы, помимио этого автор подготовил live примеры, на Expo (web не поддерживается) и собрал APK для андроид. Исходный код пожно посмотреть на гит @react_native_info

Amazon IVS выпустили оффициальный пакет для react-native — amazon-ivs-react-native-player, который является оптимизированным видео плеером для IVS сервиса. Amazon Interactive Video Service (Amazon IVS) — это управляемая служба потоковой передачи видео в реальном времени. Основные возможности IVS: ✓ Создание каналов для трансляции видео за считанные минуты; ✓ Создание надежных интерактивных видео-интерфейсов со сверхнизкой задержкой; ✓ Поддержка множества платформ; На видео реализован пример работы amazon IVS в react-native. @react_native_info

Хотите альтернативу Lottie, которая быстрее, меньше по размеру, потребляет меньше памяти и полностью интерактивна? Rive.app поможет вам в данной ситуации, есть удобный онлайн конструктор анимаций, а самое главное есть поддержка для react и react-native! @react_native_info

Новая рубрика: идея для вдохновления. Очень много интересных и красивых анимаций выполненных на react-native, но авторы не стали выкладывать код на всеобщее обозрение. Данная анимация выполнена с помощью reanimated2 пользователем твиттера (запрещен в РФ) barany6m. Стоит продолжать делать такой формат постов? @react_native_info

CodeEdit – это красивый и легковесный редактор кода для macOS. Разрабатывайте любой проект на любом языке с невиданной прежде скоростью, с повышенной эффективностью и надежностью в редакторе, который идеально подходит для вашего Mac. В данный момент проект находится в стадии разработки, но уже можно посмотреть исходный код на гит и посмотреть что получается. @react_native_info

Не так давно Shopify представили FlashList — это библиотека с открытым исходным кодом, более быстрыя и производительная замена FlatList. Плюсы FlashList: ✓ Прокрутка 60 кадров в секунду на бюджетных устройствах; ✓ Больше нет пустых мест как в обычном FlatList; ✓ Очень простая реализация; Более подробно можно почитать тут @react_native_info

Dracula UI стал бесплатным и с открытым исходным кодом. Это красивая и минималистичная коллекция компонентов созданных для React, в темном стиле. @react_native_info

TypeScript Tips – коллекция полезных советов, которые вы хотели бы знать, когда начинали использовать TypeScript. @react_native_info

На Android появился сервис с открытым исходным кодом, для безопасного тестирования приложений из неизвестных источников — Insular. Принцип работы прост: Insular создаёт на вашем телефоне «песочницу» в виде нового профиля, на который вы можете загружать и тестировать любые приложения — они не будут иметь доступа к фотографиям, контактам и личным данным, а так же не смогут вносить изменения в настройках телефона. @react_native_info

Пользователь GitHub под ником lklima реализовал необычные транзишены на reanimated2, готовый пример выполнен на expo. Исходный код можно посмотреть на гит @react_native_info

​Что такое мемоизация? Как и когда использовать мемоизацию в JavaScript и React Автор данной статьи рассказывет о мемоизации (запоминании), методе оптимизации, который может помочь сделать тяжелые вычислительные процессы более эффективными.Автор начнем с разговора о том, что такое мемоизация (запоминание) и когда его лучше всего реализовать. Позже Автор приведем практические примеры для JavaScript и React. @reac_native_info

Сегодня Expo ломает границы нативной навигации для мира react-native с помощью Expo Router! Основные особенности: ✓ Автоматическое создание навигации на основе файлов в вашем проекте; ✓ Автоматические диплинки; ✓ Построен на базе React Navigation; Если вкратце, то с помощью данной библиотеки можно реализовать навигацию в приложении основываясь на структуре файлов вашего проекта. Более подробно можно ознакомится в статье «RFC: File System-Based Native Routing with Expo and React Native», а также в оффициальной документации Expo Router. @react_native_info

Ребята из Callstack подготовили отличный пример реализации Fabric библиотеки с использованием C++ стэйта для react-native! Исходный код можно посмотреть на гит @react_native_info