React Native — info

😅 @react_native_info

Пользователь GitHub под ником GrandPoohBear сделал анимированный циферблат с помощью reanimated2, для управления состоянием используется MobX. Исходный код можно мосмотреть на гит 🇺🇸 English translation in comments. @react_native_info

Пользователь GitHub под ником 4TWIGGERS сделал интерестный эффект во время пролистывания ScrollView. Анимация выполнена с помощью reanimated2. Исходный код можно мосмотреть на гит 🇺🇸 English translation in comments. @react_native_info

😄 @react_native_info

На iOS и Android появился новый редактор кода – Replit. Replit умеет работать с python, javascript, HTML и CSS, C++, C, java, react и многими другими технологиями. Самое интерестное в нем то, что он был реализован с помощью Expo. 🇺🇸 English translation in comments. @react_native_info

Пользователь Twitter (запрещен в РФ) wa2goose сделал интерестную анимацию перелистывания карточек. Анимация сделана с помощью reanimated2 и react-native-gesture-handler. Есть обучающие видео, можно посмотреть тут. Исходный код проекта можно найти на GitHub 🇺🇸 English translation in comments. @react_native_info

Если вы хотите сделать библиотеку для React Native, но нет желания настраивать каркас проекта с нуля, то create-react-native-library поможет вам, его основные преимущества: ✓ Простые примеры модулей для Android и iOS, на которые вы можете опираться; ✓ Kotlin настроен для сборки модуля на Android; ✓ Поддержка C++ для нативных модулей на Android и iOS; ✓ Поддержка Expo для библиотек без нативного кода и поддержка web; ✓ Пример приложения React Native для отладки вашей библиотеки; ✓ ESLint, Prettier, TypeScript, Lefthook и Release It предварительно настроены; ✓ Предварительно настроенный react-native-builder-bob для компиляции ваших файлов; ✓ Предварительно настроенный CircleCI для запуска CI тестов; 🇺🇸 English translation in comments. @react_native_info

Очень удобная фишка в Xcode 14, теперь можно смотреть оставшееся время загрузки архива и скорость. Этого очень не хватало. 🇺🇸 English translation in comments. @react_native_info

Вы знали что если в репозитории GitHub сменить .com на .dev или нажать на клавиатуре точку, то откроется веб версия VSCode с этим проектом. @react_native_info

Какие вопросы вы бы задали разработчикам из Apple? В октябре Apple организовывает «Ask Apple» — чат в Slack в формате Q&A с экспертами из компании, где разработчики могут задать интересующие их вопросы или просто пообщаться. Основные темы: ✓ Developer Tools, ✓ Graphics & Games, ✓ ML & Vision, ✓ SwiftUI & UI Frameworks и другие. Также можно оставить заявку на индивидуальную 25-минутную консультацию. Подробнее по ссылке тык @react_native_info

Пользователь Twitter (запрещен в РФ) barany6m, показал интерестный пример multi-drag-and-drop анимации, выполненой с помощью reanimated2 и react-native-gesture-handler. Пример был собран на expo. К сожалению автор не выложил код в открытый доступ. Самое время поразмыслить как добиться такого же эффекта. @react_native_info

Пользователь GitHub под ником 4TWIGGERS сделал анимацию глубины карточки с помощью reanimated2 и хука useAnimatedSensor. Выглядит очень эффектно. Исходный код можно посмотреть на гит @react_native_info

Основные правила код-ревью Автор статьи предлагает ознакомиться с лучшими практиками код-ревью, что нужно и что нельзя делать разработчику при обзоре кода. @react_native_info

iOS 2022: Telegram объявляет о проведении первого тура конкурса Разработчикам предлагается создать приложение для редактирования мультимедиа на Swift, похожее на встроенный инструмент рисования в iOS. Призовой фонд составляет $50,000. Демонстрационное приложение должно быть совместимо с iOS 13+. Также использование сторонних реализаций или UI-фреймворков строго запрещено. Срок подачи: до 31 октября. Полный список требований по ссылке: https://contest.com/docs/iOS-Oct22-Round1 @react_native_info

Еще одна параллакс анимация, реализованная с помощью useAnimatedSensor. Довольно интересный концепт. К сожалению автор не выложил код в открытый доступ. @react_native_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