Очень удобная фишка в Xcode 14, теперь можно смотреть оставшееся время загрузки архива и скорость. Этого очень не хватало.
🇺🇸 English translation in comments.
@react_native_info
🇺🇸 English translation in comments.
@react_native_info
🔥12👍2🎉1
This media is not supported in your browser
VIEW IN TELEGRAM
Если вы хотите сделать библиотеку для 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 #reactnative
✓ Простые примеры модулей для 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 #reactnative
👍7🔥4❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Пользователь Twitter (запрещен в РФ) wa2goose сделал интерестную анимацию перелистывания карточек.
Анимация сделана с помощью reanimated2 и react-native-gesture-handler.
Есть обучающие видео, можно посмотреть тут.
Исходный код проекта можно найти на GitHub
🇺🇸 English translation in comments.
@react_native_info #reactnative
Анимация сделана с помощью reanimated2 и react-native-gesture-handler.
Есть обучающие видео, можно посмотреть тут.
Исходный код проекта можно найти на GitHub
🇺🇸 English translation in comments.
@react_native_info #reactnative
👍14🔥7❤1
This media is not supported in your browser
VIEW IN TELEGRAM
На iOS и Android появился новый редактор кода – Replit.
Replit умеет работать с python, javanoscript, HTML и CSS, C++, C, java, react и многими другими технологиями.
Самое интерестное в нем то, что он был реализован с помощью Expo.
🇺🇸 English translation in comments.
@react_native_info
Replit умеет работать с python, javanoscript, HTML и CSS, C++, C, java, react и многими другими технологиями.
Самое интерестное в нем то, что он был реализован с помощью Expo.
🇺🇸 English translation in comments.
@react_native_info
🔥9🥰2🤔2👍1😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Пользователь GitHub под ником 4TWIGGERS сделал интерестный эффект во время пролистывания ScrollView.
Анимация выполнена с помощью reanimated2.
Исходный код можно мосмотреть на гит
🇺🇸 English translation in comments.
@react_native_info #reactnative
Анимация выполнена с помощью reanimated2.
Исходный код можно мосмотреть на гит
🇺🇸 English translation in comments.
@react_native_info #reactnative
❤11🔥4🤯1
This media is not supported in your browser
VIEW IN TELEGRAM
Пользователь GitHub под ником GrandPoohBear сделал анимированный циферблат с помощью reanimated2, для управления состоянием используется MobX.
Исходный код можно мосмотреть на гит
🇺🇸 English translation in comments.
@react_native_info #reactnative
Исходный код можно мосмотреть на гит
🇺🇸 English translation in comments.
@react_native_info #reactnative
🔥7❤2🤯2
Советы и подсказки по сокращению в React для новичков
React Shorthand Tips and Tricks for begginers
@react_native_info
React Shorthand Tips and Tricks for begginers
@react_native_info
⚡7❤3🔥3🥱2
Чуваки из DevJobsScanner проанализировали больше 7 миллионов вакансий за 8 месяцев и вывели интересную статистику восстребованости языков, исходя из количества вакансий по каждому из них.
Теперь можешь всем показывать эту табличку и говорить, что ты невероятно востребованный специалист.
@react_native_info
Теперь можешь всем показывать эту табличку и говорить, что ты невероятно востребованный специалист.
@react_native_info
👍5😁3👏2🔥1
Отладка релизной сборки React Native на максималках или как получить от тестировщиков внятное объяснение ошибки
Что умеет данный инструмент:
— Собирать логи с устройсва;
— Собирать информацию об нативных и JS крашах;
— Собирать информацию о запросах в сеть;
— Экспортировать собранные данные в JSON;
Для кого он нужен?
Этот инструмент нужен для тех кто не хочет использовать сторонние сервисы для сбора логов, теперь можно мгновенно получать информацию от тестировщиков в виде JSON.
🇺🇸 English translation in comments.
Что умеет данный инструмент:
— Собирать логи с устройсва;
— Собирать информацию об нативных и JS крашах;
— Собирать информацию о запросах в сеть;
— Экспортировать собранные данные в JSON;
Для кого он нужен?
Этот инструмент нужен для тех кто не хочет использовать сторонние сервисы для сбора логов, теперь можно мгновенно получать информацию от тестировщиков в виде JSON.
🇺🇸 English translation in comments.
🔥14🤔4🌚1
This media is not supported in your browser
VIEW IN TELEGRAM
Отличный пример для тех кто давно хотел попробовать поиграться с 3D моделями на RN.
Пользователь GitHub под ником alexandrius, реализовал данный проект на Expo при помощи threejs, react-three-fiber, expo-gl, expo-three.
Исходный код можно мосмотреть на гит
🇺🇸 English translation in comments.
@react_native_info #reactnative
Пользователь GitHub под ником alexandrius, реализовал данный проект на Expo при помощи threejs, react-three-fiber, expo-gl, expo-three.
Исходный код можно мосмотреть на гит
🇺🇸 English translation in comments.
@react_native_info #reactnative
🔥22🤯5❤4
IDE нового поколения от JetBrains.
Fleet — это легковесный текстовый редактор для тех случаев, когда нужно быстро посмотреть и отредактировать код. Он запускается за считанные секунды — и можно сразу приступать к работе. При этом Fleet легко трансформируется в полноценную IDE: движок анализа кода работает независимо от редактора.
🇺🇸 English translation in comments.
@react_native_info
Fleet — это легковесный текстовый редактор для тех случаев, когда нужно быстро посмотреть и отредактировать код. Он запускается за считанные секунды — и можно сразу приступать к работе. При этом Fleet легко трансформируется в полноценную IDE: движок анализа кода работает независимо от редактора.
🇺🇸 English translation in comments.
@react_native_info
🤔6🔥4🥰3
This media is not supported in your browser
VIEW IN TELEGRAM
Пользователь GitHub под ником 4TWIGGERS выложил в открытый доступ код, где показанно как нужно делать SVG анимации на примере таб бара при помощи reanimated2 и react-native-noscript.
Исходный код можно мосмотреть на гит
🇺🇸 English translation in comments.
@react_native_info #reactnative
Исходный код можно мосмотреть на гит
🇺🇸 English translation in comments.
@react_native_info #reactnative
🔥16🤯3❤1
Expo SDK 47 beta
✓ Hermes теперь доступен в Expo Go для iOS, а инспектор Hermes теперь также можно открыть из меню разработки в Expo Go и в дев сборках.
✓ React Native 0.70.4 и React 18.1.0
✓ Минимальная версия iOS теперь 13.0.
✓ Экспериментальная поддержка Fabric в нескольких модулей Expo.
✓ Бета-версия навигации основанной на файловой системе с помощью Expo Router.
✓ Обновили react-native-maps 0.31.1 → 1.3.2
✓ Библиотеки expo-firebase-* помечены как deprecated
✓ Удалены устаревшие параметры для конфига app.json
✓ SDK 47 не поддерживает классические сборки с помощью expo build
✓ Поддержка M1 для EAS сборок
🇺🇸 English translation in comments.
@react_native_info
✓ Hermes теперь доступен в Expo Go для iOS, а инспектор Hermes теперь также можно открыть из меню разработки в Expo Go и в дев сборках.
✓ React Native 0.70.4 и React 18.1.0
✓ Минимальная версия iOS теперь 13.0.
✓ Экспериментальная поддержка Fabric в нескольких модулей Expo.
✓ Бета-версия навигации основанной на файловой системе с помощью Expo Router.
✓ Обновили react-native-maps 0.31.1 → 1.3.2
✓ Библиотеки expo-firebase-* помечены как deprecated
✓ Удалены устаревшие параметры для конфига app.json
✓ SDK 47 не поддерживает классические сборки с помощью expo build
✓ Поддержка M1 для EAS сборок
🇺🇸 English translation in comments.
@react_native_info
❤6🔥4
Apple обновила гайдлайны к App Store
— Если некоторые функции зависят от учётной записи пользователей в приложении, то разработчики должны предоставить полный доступ к приложению с активной демо-учётной записью или полнофункциональным демо режимом для Review.
— Приложения могут использовать NFT, но с некоторыми ограничениями. Например, приложения могут позволять пользователям просматривать NFT при условии, что там нет кнопок, внешних ссылок или других призывов к действию для покупки.
— Стандарт «умного дома» Matter: приложения должны использовать фреймворк Apple для поддержки Matter. Если используются другие Matter SDK, то они должны быть сертифицированы.
Подробнее о всех изменениях тут
🇺🇸 English translation in comments.
@react_native_info #reactnative
— Если некоторые функции зависят от учётной записи пользователей в приложении, то разработчики должны предоставить полный доступ к приложению с активной демо-учётной записью или полнофункциональным демо режимом для Review.
— Приложения могут использовать NFT, но с некоторыми ограничениями. Например, приложения могут позволять пользователям просматривать NFT при условии, что там нет кнопок, внешних ссылок или других призывов к действию для покупки.
— Стандарт «умного дома» Matter: приложения должны использовать фреймворк Apple для поддержки Matter. Если используются другие Matter SDK, то они должны быть сертифицированы.
Подробнее о всех изменениях тут
🇺🇸 English translation in comments.
@react_native_info #reactnative
👍11🤮3🔥1😢1
ReactNative 0.71.0-rc.0
⚠️ Экспериментальная версия
Основные новвоведения:
✓ Добавили поддержку
✓ Typenoscript теперь поддерживается из коробки;
✓ Началный шаблон приложения теперь генерируется на TS;
✓ Оптимизировали сборку Hermes с помощью Maven, тем самым сократив время сборки для iOS и Android;
Подробнее можно ознакомиться тут
🇺🇸 English translation in comments
@react_native_info #reactnative
⚠️ Экспериментальная версия
Основные новвоведения:
✓ Добавили поддержку
flex-gap для стилей;✓ Typenoscript теперь поддерживается из коробки;
✓ Началный шаблон приложения теперь генерируется на TS;
✓ Оптимизировали сборку Hermes с помощью Maven, тем самым сократив время сборки для iOS и Android;
Подробнее можно ознакомиться тут
🇺🇸 English translation in comments
@react_native_info #reactnative
❤10🔥10
This media is not supported in your browser
VIEW IN TELEGRAM
Пользователь GitHub по ником eneskarpuz сделал интерестную библеотеку React Native Drag Text Editor, работает все это дело на reanimated2 и React Native Gesture Handler.
Исходный код можно мосмотреть на гит
🇺🇸 English translation in comments
@react_native_info #reactnative
Исходный код можно мосмотреть на гит
🇺🇸 English translation in comments
@react_native_info #reactnative
🔥17⚡3❤3