ReactNative — info
رفتن به کانال در Telegram
@react_native_info — канал с качественным контентом об RN. Все самое интересное о ReactNative, React, JS, TS и мобильной разработке. По всем вопросам обращатся — @ton618quasar
نمایش بیشتر759
مشترکین
اطلاعاتی وجود ندارد24 ساعت
اطلاعاتی وجود ندارد7 روز
اطلاعاتی وجود ندارد30 روز
آرشیو پست ها
Отличный пример для тех кто давно хотел попробовать поиграться с 3D моделями на RN.
Пользователь GitHub под ником alexandrius, реализовал данный проект на Expo при помощи threejs, react-three-fiber, expo-gl, expo-three.
Исходный код можно мосмотреть на гит
🇺🇸 English translation in comments.
@react_native_info
Отладка релизной сборки React Native на максималках или как получить от тестировщиков внятное объяснение ошибки
Что умеет данный инструмент:
— Собирать логи с устройсва;
— Собирать информацию об нативных и JS крашах;
— Собирать информацию о запросах в сеть;
— Экспортировать собранные данные в JSON;
Для кого он нужен?
Этот инструмент нужен для тех кто не хочет использовать сторонние сервисы для сбора логов, теперь можно мгновенно получать информацию от тестировщиков в виде JSON.
🇺🇸 English translation in comments.
Чуваки из DevJobsScanner проанализировали больше 7 миллионов вакансий за 8 месяцев и вывели интересную статистику восстребованости языков, исходя из количества вакансий по каждому из них.
Теперь можешь всем показывать эту табличку и говорить, что ты невероятно востребованный специалист.
@react_native_info
Советы и подсказки по сокращению в React для новичков
React Shorthand Tips and Tricks for begginers
@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
На 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
Hello, a question for the English-speaking audience: do you want the posts to be translated into English?
@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
