Под какие платформы можно разрабатывать на React Native?
На прошедшей конференции Connect Марк Цукерберг упомянул что приложения Instagram и Whatsapp были полностью переписаны под VR платформу, а главный котрибьютор в движок HermesJS уточнил в 🐦 что эти приложения сделаны на React Native.
Оригинальная версия React Native поддерживает создание мобильных приложений для iOS и Android.
Однако существуют реализации и под другие платформы.
💻 Microsoft активно развивает десктоп версии React Native под Windows и MacOS.
🥽 Callstack создали реализацию React Native для недавно вышедшей VisionOS.
Еще для VR cуществует React Vision с поддержкой основных AR/VR движков на iOS и Android
📺 Для телевизоров на основе Android или Apple TV можно использовать React Native TVOS
Ну и не забываем про web.
React Native World | Навигация по каналу
На прошедшей конференции Connect Марк Цукерберг упомянул что приложения Instagram и Whatsapp были полностью переписаны под VR платформу, а главный котрибьютор в движок HermesJS уточнил в 🐦 что эти приложения сделаны на React Native.
Оригинальная версия React Native поддерживает создание мобильных приложений для iOS и Android.
Однако существуют реализации и под другие платформы.
💻 Microsoft активно развивает десктоп версии React Native под Windows и MacOS.
🥽 Callstack создали реализацию React Native для недавно вышедшей VisionOS.
Еще для VR cуществует React Vision с поддержкой основных AR/VR движков на iOS и Android
📺 Для телевизоров на основе Android или Apple TV можно использовать React Native TVOS
Ну и не забываем про web.
React Native World | Навигация по каналу
👍2🔥2❤1
MiniSim утилита для запуска Android 🤖 и iOS симуляторов
Эта небольшая нативная утлита для Mac, живущая в menu bar, сэкономит вам кучу времени.
Она позволяет удобно просматривать список доступных эмуляторов и работать с ними.
Вот что вы сможете делать с помощью MiniSim:
Запускать iOS симуляторы
- Копировать UDID устройства
- Копировать название устройства
- Удалять симуляторы
🤖 Запускать Android эмуляторы
- Выполнять холодный запуск Android эмуляторов
- Запускать Android эмуляторы без аудио
- Включать и выключать поддержку специальных возможностей (a11y) на выбранном эмуляторе
- Копировать название устройства
- Копировать ADB ID устройства
- Наводить фокус на устройства с помощью API специальных возможностей
- Устанавливать флаги по умолчанию для запуска эмуляторов
- Видеть индикацию запущенных устройств
Скачать можно тут
React Native World | Навигация по каналу
Эта небольшая нативная утлита для Mac, живущая в menu bar, сэкономит вам кучу времени.
Она позволяет удобно просматривать список доступных эмуляторов и работать с ними.
Вот что вы сможете делать с помощью MiniSim:
Запускать iOS симуляторы
- Копировать UDID устройства
- Копировать название устройства
- Удалять симуляторы
🤖 Запускать Android эмуляторы
- Выполнять холодный запуск Android эмуляторов
- Запускать Android эмуляторы без аудио
- Включать и выключать поддержку специальных возможностей (a11y) на выбранном эмуляторе
- Копировать название устройства
- Копировать ADB ID устройства
- Наводить фокус на устройства с помощью API специальных возможностей
- Устанавливать флаги по умолчанию для запуска эмуляторов
- Видеть индикацию запущенных устройств
Скачать можно тут
React Native World | Навигация по каналу
🔥2❤1👍1
Топ докладов с REACT UNIVERSE CONF 24
В сентябере прошла очередная конференция REACT UNIVERSE CONF на которой было более 20 интересных спикеров. Я выделил 5 наиболее запомнившихся докладов которые обязательно стоит посмотреть чтобы быть в курсе последних трендов в индустрии React Native.
THE NEW REACT NATIVE DEBUGGER by Alex Hunt
Разбор проблем существующих инструментов для отладки в RN и презентация нового набора инструментов под названием React Native Debugger, призванного их решить. Дебаггер появится в версии 0.76, а подробный Roadmap и обсуждения уже доступны на GitHub
DRAWING ONTO THE CAMERA by Marc Rousavy
Актуально для тех, кто работает с камерой. Доклад посвящен новой архитектуре Frame Processors и практическому решению по использованию Skia для отрисовки поверх Camera View. (Если вы до сих пор не перешли на Vision Camera — обязательно посмотрите!)
WEB ONCE, NATIVE EVERYWHERE: INTRODUCING EXPO DOM COMPONENTS by Evan Bacon
Презентация нового API от Expo, которое должно помочь в переходе от веб-приложений к нативным. Актуально для тех, кто хочет мигрировать с решений на базе WebView или сделать своё веб-приложение более нативным с минимальными усилиями. Уже доступно в качестве экспериментальной версии в Expo SDK 52.
HOW YOU CAN SERVER-RENDER WITHOUT RENDERING ON THE SERVER by Mike Grabowski
Презентация Rise Tools — фреймворка для построения Server-Driven UI (SDUI) приложений на React Native. Это первое open-source решение для SDUI на RN. Отлично подойдет для тех, кто строит Super App или приложения с большим количеством динамического контента.
HERMES: BETTER PERFORMANCE WITH RUNTIME BYTECODE TRANSLATION by Tzvetan Mikov
Один из моих любимых спикеров с хардкорным докладом о текущем состоянии и проблемах Static Hermes (подробнее о том, что это такое, в этом докладе). Если вы любите эксперименты, можете попробовать Static Hermes и узнать больше о нем.
Ну и полный список и видео докладов на по ссылке
React Native World | Навигация по каналу
В сентябере прошла очередная конференция REACT UNIVERSE CONF на которой было более 20 интересных спикеров. Я выделил 5 наиболее запомнившихся докладов которые обязательно стоит посмотреть чтобы быть в курсе последних трендов в индустрии React Native.
THE NEW REACT NATIVE DEBUGGER by Alex Hunt
Разбор проблем существующих инструментов для отладки в RN и презентация нового набора инструментов под названием React Native Debugger, призванного их решить. Дебаггер появится в версии 0.76, а подробный Roadmap и обсуждения уже доступны на GitHub
DRAWING ONTO THE CAMERA by Marc Rousavy
Актуально для тех, кто работает с камерой. Доклад посвящен новой архитектуре Frame Processors и практическому решению по использованию Skia для отрисовки поверх Camera View. (Если вы до сих пор не перешли на Vision Camera — обязательно посмотрите!)
WEB ONCE, NATIVE EVERYWHERE: INTRODUCING EXPO DOM COMPONENTS by Evan Bacon
Презентация нового API от Expo, которое должно помочь в переходе от веб-приложений к нативным. Актуально для тех, кто хочет мигрировать с решений на базе WebView или сделать своё веб-приложение более нативным с минимальными усилиями. Уже доступно в качестве экспериментальной версии в Expo SDK 52.
HOW YOU CAN SERVER-RENDER WITHOUT RENDERING ON THE SERVER by Mike Grabowski
Презентация Rise Tools — фреймворка для построения Server-Driven UI (SDUI) приложений на React Native. Это первое open-source решение для SDUI на RN. Отлично подойдет для тех, кто строит Super App или приложения с большим количеством динамического контента.
HERMES: BETTER PERFORMANCE WITH RUNTIME BYTECODE TRANSLATION by Tzvetan Mikov
Один из моих любимых спикеров с хардкорным докладом о текущем состоянии и проблемах Static Hermes (подробнее о том, что это такое, в этом докладе). Если вы любите эксперименты, можете попробовать Static Hermes и узнать больше о нем.
Ну и полный список и видео докладов на по ссылке
React Native World | Навигация по каналу
👍6🔥2❤1
Собрал для вас крутые приложения на React Native, разработка которых ведется в Open Source.
Когда начинаешь новый проект или сталкиваешься с новой для себя областью, очень полезно посмотреть, как другие решают подобные задачи.
В мире React Native это становится особенно актуально из-за обилия несовместимых библиотек и нативных модулей. Ну и, конечно, разработка — это не только код, но еще и сборки, тесты, релизы, CI/CD пайплайны.
И тут на помощь нам приходит Open Source и компании, которые выбрали эту модель как подход к разработке своих B2C продуктов. В репозиториях, которые я привел ниже, можно найти не только интересные и свежие решения в UI, но и посмотреть, как строится структура проекта, как организуются тесты и релизы. Самое главное — все эти приложения актуальны, имеют десятки, а иногда и сотни тысяч пользователей, и доступны в App Store и Google Play.
🤑 Крипта
rainbow - Ethereum-кошелек с большим набором функционала. Внутри можно найти много кастомных UI-компонентов и интересных решений, например, нативные виджеты для iOS.
metamask - кошелек с миллионами пользователей, с очень серьезным подходом к безопасности и производительности.
BlueWallet - кошелек с меньшим функционалом, чем Rainbow или MetaMask, но с приятным минималистичным дизайном и упором на Bitcoin.
🐦 Социальные сети
Bluesky- децентрализованная микроблогинговая платформа, по UI аналогичная Твиттеру. У приложения более 10 миллионов пользователей.
Artsy - маркетплейс для продажи арта. Очень много работы с отображением контента и GraphQL. Еще у них классная инженерная документация.
💼 Утилиты
Expensify - приложение для учета расходов. Из интересных особенностей — разработка ведется полностью на GitHub, включая описание задач и багов, а также их обсуждение.
keybase- приложение для хранения открытых ключей для социальных сетей и мессенджеров. В репозитории также есть клиенты для десктопов и ключевые крипто-библиотеки.
📬 Мессенджеры
RocketChat - корпоративная платформа обмена сообщениями с глубокой кастомизацией. По UI что-то похожее на Slack.
status.app - децентрализованный мессенджер с криптокошельком и Web3.
📝 Заметки
hoarder - приложение для хранения ссылок, заметок, изображений и т.д. Активно использует Expo.
notesnook - аналог Evernote (если еще помните такой) с упором на шифрование и приватность.
joplin - приложение для заметок с поддержкой синхронизации через облака или десктоп.
React Native World | Навигация по каналу
Когда начинаешь новый проект или сталкиваешься с новой для себя областью, очень полезно посмотреть, как другие решают подобные задачи.
В мире React Native это становится особенно актуально из-за обилия несовместимых библиотек и нативных модулей. Ну и, конечно, разработка — это не только код, но еще и сборки, тесты, релизы, CI/CD пайплайны.
И тут на помощь нам приходит Open Source и компании, которые выбрали эту модель как подход к разработке своих B2C продуктов. В репозиториях, которые я привел ниже, можно найти не только интересные и свежие решения в UI, но и посмотреть, как строится структура проекта, как организуются тесты и релизы. Самое главное — все эти приложения актуальны, имеют десятки, а иногда и сотни тысяч пользователей, и доступны в App Store и Google Play.
🤑 Крипта
rainbow - Ethereum-кошелек с большим набором функционала. Внутри можно найти много кастомных UI-компонентов и интересных решений, например, нативные виджеты для iOS.
metamask - кошелек с миллионами пользователей, с очень серьезным подходом к безопасности и производительности.
BlueWallet - кошелек с меньшим функционалом, чем Rainbow или MetaMask, но с приятным минималистичным дизайном и упором на Bitcoin.
🐦 Социальные сети
Bluesky- децентрализованная микроблогинговая платформа, по UI аналогичная Твиттеру. У приложения более 10 миллионов пользователей.
Artsy - маркетплейс для продажи арта. Очень много работы с отображением контента и GraphQL. Еще у них классная инженерная документация.
💼 Утилиты
Expensify - приложение для учета расходов. Из интересных особенностей — разработка ведется полностью на GitHub, включая описание задач и багов, а также их обсуждение.
keybase- приложение для хранения открытых ключей для социальных сетей и мессенджеров. В репозитории также есть клиенты для десктопов и ключевые крипто-библиотеки.
📬 Мессенджеры
RocketChat - корпоративная платформа обмена сообщениями с глубокой кастомизацией. По UI что-то похожее на Slack.
status.app - децентрализованный мессенджер с криптокошельком и Web3.
📝 Заметки
hoarder - приложение для хранения ссылок, заметок, изображений и т.д. Активно использует Expo.
notesnook - аналог Evernote (если еще помните такой) с упором на шифрование и приватность.
joplin - приложение для заметок с поддержкой синхронизации через облака или десктоп.
React Native World | Навигация по каналу
🔥7👍2❤1
Static Hermes можно попробовать уже сейчас
Но только для iOS и с ограниченным набором функционала.
Команда SWM сделала специальный репозиторий, который содержит исходники HermesJS с изменениями, необходимыми для запуска Static Hermes.
Новый Hermes поддерживает несколько режимов: interpreter, typed native, untyped native, typed bytecode и untyped bytecode. Лучшая производительность достигается в режиме typed bytecode, когда на вход компилятора подается не чистый JS, а типизированный Typescript или Flow.
На текущем этапе этот режим ещё недоступен, и можно запустить приложение в режиме untyped bytecode, который также даёт значительный прирост производительности (до 16% по измерениям SWM).
Можно использовать как уже скомпилированную версию Static Hermes, так и собрать её самому. Не забывайте, что любые замеры производительности нужно делать в режиме Release build.
А если ещё не знакомы с новым Hermes, посмотри эти два выступления Tzvetan Mikov с презентацией и обновлением Static Hermes.
React Native World | Навигация по каналу
Но только для iOS и с ограниченным набором функционала.
Команда SWM сделала специальный репозиторий, который содержит исходники HermesJS с изменениями, необходимыми для запуска Static Hermes.
Новый Hermes поддерживает несколько режимов: interpreter, typed native, untyped native, typed bytecode и untyped bytecode. Лучшая производительность достигается в режиме typed bytecode, когда на вход компилятора подается не чистый JS, а типизированный Typescript или Flow.
На текущем этапе этот режим ещё недоступен, и можно запустить приложение в режиме untyped bytecode, который также даёт значительный прирост производительности (до 16% по измерениям SWM).
Можно использовать как уже скомпилированную версию Static Hermes, так и собрать её самому. Не забывайте, что любые замеры производительности нужно делать в режиме Release build.
А если ещё не знакомы с новым Hermes, посмотри эти два выступления Tzvetan Mikov с презентацией и обновлением Static Hermes.
React Native World | Навигация по каналу
👍4🔥3❤1