Так, дорогие падпищеки, накидайте реакций под этим постом, что бы понять, ждете инфу по турбо модулями или нет 💞

Разбор в процессе, но все очень туго идет, честно говоря. Все не стабильно работает, дока и гайды не слишком помогают..

Всем привет! 😮
История с турбо модулями в RN на данный момент следующая.

Я в целом разобрался, как создать, собрать и запустить. 
Понятно какие у них преимущества над нативными модулями, но проблема в том, что для демонстрации работы нужна какая-то задача. А идей пока ноль. Не писать же калькулятор или типа того..

Так что вдруг у вас есть предложения или какая-то либа, которой нет на RN, но хотелось бы получить, велком ту комментс 👇

Ну или могу просто рассказать про первоначальные шаги, если не нужно закапываться

давно тут мемов не было, исправляюсь 💀

всех с пятницей и хороших выходных!

#пятничный_мем

⚡️ReactNative и что-то остальное

Ну што, господа программисты, с 256 днем вас 🥲

А теперь го работать дальше

⚡️ReactNative и что-то остальное

В ближайшие 1-2 недели полезного контента, к сожалению не ожидается 👮

Но без пятничного мемеса вас не оставлю

Всем хороших выходных, не забывайте отдыхать 😏

#пятничный_мем

⚡️ReactNative и что-то остальное

ВНИМАНИЕ ВНИМАНИЕ 😮 ЭТО НЕ УЧЕБНАЯ ТРЕВОГА!

ТУРБО
МОДУЛИ
СЕГОДНЯ
В 19:00 МСК

⚡️ReactNative и что-то остальное

Ничего не понятно, но очень интересно 🛑
Turbo modules в React Native

Всем привет!
Хочу начать с того, что к этому материалу я подбирался уже раз 30 за последнее время.
Все ссылки связанные в Turbo modules в гугле фиолетовые на несколько страниц вперед)
Перелопатил кучу инфы, что бы самому понять что это такое и зачем, а теперь готов самым главным поделиться с вами 🔔

Итак погнали сначала немного теории.

В чем разница между Native Modules и Turbo Modules?

1. Меньше накладных расходов: Благодаря новому подходу передачи данных через JSI накладные расходы на сериализацию и десериализацию данных значительно снижены.

2. Мгновенная инициализация: В отличие от старых модулей, Turbo Modules не загружаются заранее в приложении, что уменьшает время его загрузки.

3. Синхронные вызовы: Turbo Modules могут выполнять синхронные вызовы, что раньше было невозможно в старой архитектуре с использованием моста.

Выше я выделил на мой взгляд основные и решающие пункты, но на самом деле там есть еще что сравнить.

Если подсумировать, то Turbo Modules это способ, который позволяет JS коду и нативным возможностям (например, камере, геолокации) работать быстрее и более эффективно. Turbo Modules делают это за счёт прямого и быстрого взаимодействия, не тратя много времени на лишние "переговоры" между JavaScript и нативным кодом, как это было раньше.

Тут вроде все понятно. Едем дальше.

Несколько постов выше, я попросил вас накинуть идей, которые помогут показать работу с TM на практике.

Было несколько вариантов. Для демонстрации я выбрал работу с ориентацией экрана устройства.

Летсгоу

1. Открываем терминал и выполняем

npx create-react-native-library@latest <module-name>

2. Далее нужно будет ответить на насколько вопросов. Я выбрал:

Turbo module with backward compat
Kotlin & Objective-C
Vanilla

3. Все у нас готова структура проекта. После выполнения всех операций, в терминале вы увидите предложение выполнить

yarn 

для установки всех необходимых зависимостей. Но при попытке выполнить, обнаружите ошибку, которая будет не оч информативная.
Не переживайте, я все пофиксил)

проблема решается созданием пустого файла yarn.lock в корне проекта

4. По умолчанию у вас будет пример с умножением двух чисел и выводом результата на экран

5. Смотрим структуру:

example - это проект с тестовым приложением в котором будет запущен наш модуль

папки ios/android как раз для кода модуля для разных платформ

src - файлы в которых мы описываем интерфейс для общения js и нативного кода

Я подумал что нет смысла выкладывать куски кода прям тут, если их всегда можно посмотреть в гите. Да и тема немного про другое

К тому же сами методы работы с ориентацией для ios/android просто гуглил и уже на месте подкручивал.

Скажу лишь, что после внесения всех изменений:

- для ios заходим в example/ios и выполняем (причем меня удивило, что именно на этом этапе запускается Codegen для генерации методов)

RCT_NEW_ARCH_ENABLED=1 arch -x86_64 pod install

- для android вроде ничего дополнительно не потребовалось, проект собрался и запустился без проблем

дальше никакой магии (в корне проекта)

yarn example ios / yarn example android

Ну и как бы все.

Наш Turbo Module создан, подключен в проект и работает.

Вот ссылки на гит репу, если захотите проверить - https://github.com/mbhusty/rn-turbo-module/

👍 Пишите ваши вопросы в комменты, я наверняка что-то даже из основного упустил, но не хотелось писать многобукв

❤️ Ставьте реакции, шерьте, потому что реально много времени потратил на эту тему

⭐️ Подписывайтесь на GH и ставьте звезды, давайте и там поднимем активность + скоро я открою репозиторий с приложением PlanB

⚡️ReactNative и что-то остальное

Здрасте!
Набросал небольшой опрос по следующей теме для разбора

Голосуем типа до четверга, а там пойду готовить материал

удачной недели 😘

Ну чтож, вы выбрали поразбираться в тестировании 👧

Пойду готовить материал, скоро будет новый пост

с псевдопятницей, коллеги 😭

#пятничный_мем

⚡️ReactNative и что-то остальное

всех с пятницей, идите пить пиво, я отпустил 💃

#пятничный_мем

⚡️ReactNative и что-то остальное