React Native — info – Telegram
React Native — info
1.29K subscribers
77 photos
26 videos
9 files
235 links
@react_native_info — канал с качественным контентом об RN.

Все самое интересное о ReactNative, React, JS, TS и мобильной разработке.

По всем вопросам обращатся — @igroza @bobcatus
Download Telegram
О вреде use_frameworks! в podfile

Использование use_frameworks! flag приведет к тому, что все модули в проекте будут связаны как динамические фреймворки, которые, как правило, замедляют запуск вашего приложения и увеличивают размер пакета по сравнению с использованием статических библиотек (ссылка). Apple также предлагает отказаться от динамических фреймворков.
Кроме того, это может вызвать ошибки сборки в приложениях, в которых есть другие модули, которые нельзя связать как динамические фреймворки, например. react-native-firebase, что также приводит к тому, что ваше приложение выдаст ошибки при сборке.

https://github.com/mapbox/mapbox-gl-native-ios/issues/131#issuecomment-577671153
👍1
При ошибке React-Native Bundle Error error SHA-1 for file is not computed

Выполнить:

npm install -i -g --force react-native-cli
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Ошибка при билде Undefined symbol: __swift_FORCE_LOAD_$_swiftWebKit

В разделе Build Phases вашего проекта необходимо добавить libswiftWebKit.tbd в пункт Link Binary with Libraries.
👍1
Увлекательное обучающее руководство по работе с библиотекой lottie-react-native и созданию интересной анимации в приложении React Native.

https://nuancesprog.ru/p/13845

@nuancesprog #статьи #React
👍2
Ошибка при сборке проекта в XCode

Error: cannot find the node binary. Try setting the NODE_BINARY variable in the "Bundle React Native code and images" Build Phase to the absolute path to your node binary. You can find it by executing "which node" in a terminal window.

Для решения ошибки выполнить в терминале:
ln -s $(which node) /usr/local/bin/node
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Привет товарищи! Разработал интерестный инструмент для RN, главной особеностью является то что можно будет отловить ошибки в релизной версии приложения, о всех функциях можно прочитать на NPM.
В скором будущем планируется релиз клиента в AppStore 🙂

Cсылки:

NPM: https://www.npmjs.com/package/mobile-app-debugger

Google play: https://play.google.com/store/apps/details?id=ru.kirillag.mobileappdebugger

App Store: https://apps.apple.com/id/app/app-debugger/id1605641206
👍2
Удалённое тестирование Android-приложений на реальных устройствах Samsung

Оказывается, у Samsung есть сервис Samsung Remote Test Lab, в котором можно протестировать своё приложение на топовых и бюджетных смартфонах Samsung Galaxy (даже на линейке складных Fold), планшетах и даже умных часах.

Работает это так: вы получаете удалённый доступ к устройству и можете проверить, как приложение работает на конкретной модели. У сервиса даже открыта отдельная лаборатория в России. И пользоваться им можно бесплатно — так отпадает необходимость покупать устройства для тестов.

В статье описан опыт использования Samsung Remote Test Lab: https://habr.com/ru/company/samsung/blog/593509/
👍1
React Native — info pinned «Сборник полезных терминальных команд для разработки react-native приложения Не забудь добавить в закладки 😉»
Заглянем под капот React Native и узнаем обо всех тонкостях его внутренней работы: выполнение кода JavaScript на устройствах Android/iOS и преобразование его в нативный, рендеринг UI, взаимодействие потоков в приложении, а также многое другое.

https://nuancesprog.ru/p/13634
👍1
Делимся годным репозиторием с более 39 тысяч звезд, который отлично подойдет для проверки знаний по JavaScript или подготовки к собеседованию:

Сохраните себе, чтобы не потерять.

https://github.com/lydiahallie/javanoscript-questions/blob/master/ru-RU/README.md
👍1
Репозиторий с примерами и объяснением самых популярных алгоритмов и структур данных на JS. Возле каждого алгоритма отмечен уровень сложности

https://github.com/trekhleb/javanoscript-algorithms
👍2
Если у вас некоторые проекты занимают много места, а удалять их жалко, вы можете очисть кеш сборок и node_modules у всех своих проетов разом!

Для этого выполните в терминале следующие команды в папке где храните свои проеты

для андроид:
find . -type d -path '*android/app/build' | xargs rm -rf

для iOS:
find . -type d -path '*ios/Pods' | xargs rm -rf

для node_modules
find . -type d -name '*node_modules' | xargs rm -rf

для .lock файлов
find . -name '*.lock' -delete | xargs rm -rf
👍6
Разгоняем свой MacOS

Есть вот такие директории:

~/Library/LaunchAgents
/Library/LaunchAgents

/Library/LaunchDaemons

В них лежат .plist файлы, с помощью их MacOS на старте запускает процессы от сторонних программ в фоне (Если там ничего не обнаружите, попробуйте включить отображение скрытых файлов CMD + Shift + . ).

У себя я смело все вычистил от туда, тк ничего нужного на старте системы мне запускать не надо. В результате в +1.5Gb свободной RAM.

Самое интерестное что там было это com.github.facebook.watchman, после его удаления и перезагрузки системы я перестал наблюдать проблемы с Metro bundler во время разработки.

Что удалить а что оставить — решать вам. Рекомендую перед удалением сделать копию этих файлов и посмотреть на поведение необходимых вам программ.

Из проблем которые мне встретились, было только то что react-native run ios перестал работать, но в моем случае проблема решилась очень быстро (решение описал тут)

Ну а на этом все, всем удачи🤞
👍6
Привет товарищи, всем кому не лень, пройдите пожалуйста анонимный опросник на тему «зарплата RN разработчика». Там всего 3 вопроса, это не займёт у вас много времени 🤓 Результаты красиво оформлю и чуть позже опубликую тут 🧑‍💻

https://forms.gle/1EpN1q3urHS1sab5A
👍3