ReactNative — info

Привет товарищи, всем кому не лень, пройдите пожалуйста анонимный опросник на тему «зарплата RN разработчика». Там всего 3 вопроса, это не займёт у вас много времени 🤓 Результаты красиво оформлю и чуть позже опубликую тут 🧑‍💻 https://forms.gle/1EpN1q3urHS1sab5A

Разгоняем свой MacOS Есть вот такие директории: ~/Library/LaunchAgents /Library/LaunchAgents /Library/LaunchDaemons В них лежат .plist файлы, с помощью их MacOS на старте запускает процессы от сторонних программ в фоне (Если там ничего не обнаружите, попробуйте включить отображение скрытых файлов CMD + Shift + . ). У себя я смело все вычистил от туда, тк ничего нужного на старте системы мне запускать не надо. В результате в +1.5Gb свободной RAM. Самое интерестное что там было это com.github.facebook.watchman, после его удаления и перезагрузки системы я перестал наблюдать проблемы с Metro bundler во время разработки. Что удалить а что оставить — решать вам. Рекомендую перед удалением сделать копию этих файлов и посмотреть на поведение необходимых вам программ. Из проблем которые мне встретились, было только то что react-native run ios перестал работать, но в моем случае проблема решилась очень быстро (решение описал тут) Ну а на этом все, всем удачи🤞

Если у вас некоторые проекты занимают много места, а удалять их жалко, вы можете очисть кеш сборок и 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

Давно ли вы начали задумываться об оптимизации приложения и какие практики обычно используете? https://habr.com/ru/post/492390/

Репозиторий с примерами и объяснением самых популярных алгоритмов и структур данных на JS. Возле каждого алгоритма отмечен уровень сложности https://github.com/trekhleb/javascript-algorithms

Откройте для себя улучшенные возможности React Native и получите актуальную информацию о полезных библиотеках и инструментах при работе с приложениями от опытного разработчика. https://nuancesprog.ru/p/7738

Делимся годным репозиторием с более 39 тысяч звезд, который отлично подойдет для проверки знаний по JavaScript или подготовки к собеседованию: Сохраните себе, чтобы не потерять. https://github.com/lydiahallie/javascript-questions/blob/master/ru-RU/README.md

Заглянем под капот React Native и узнаем обо всех тонкостях его внутренней работы: выполнение кода JavaScript на устройствах Android/iOS и преобразование его в нативный, рендеринг UI, взаимодействие потоков в приложении, а также многое другое. https://nuancesprog.ru/p/13634

​Удалённое тестирование Android-приложений на реальных устройствах Samsung Оказывается, у Samsung есть сервис Samsung Remote Test Lab, в котором можно протестировать своё приложение на топовых и бюджетных смартфонах Samsung Galaxy (даже на линейке складных Fold), планшетах и даже умных часах. Работает это так: вы получаете удалённый доступ к устройству и можете проверить, как приложение работает на конкретной модели. У сервиса даже открыта отдельная лаборатория в России. И пользоваться им можно бесплатно — так отпадает необходимость покупать устройства для тестов. В статье описан опыт использования Samsung Remote Test Lab: https://habr.com/ru/company/samsung/blog/593509/

Привет товарищи! Разработал интерестный инструмент для 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

Ошибка при сборке проекта в 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

Увлекательное обучающее руководство по работе с библиотекой lottie-react-native и созданию интересной анимации в приложении React Native. https://nuancesprog.ru/p/13845 @nuancesprog #статьи #React

Ошибка при билде Undefined symbol: __swift_FORCE_LOAD_$_swiftWebKit В разделе Build Phases вашего проекта необходимо добавить libswiftWebKit.tbd в пункт Link Binary with Libraries.

При ошибке React-Native Bundle Error error SHA-1 for file is not computed Выполнить: npm install -i -g --force react-native-cli

О вреде use_frameworks! в podfile Использование use_frameworks! flag приведет к тому, что все модули в проекте будут связаны как динамические фреймворки, которые, как правило, замедляют запуск вашего приложения и увеличивают размер пакета по сравнению с использованием статических библиотек (ссылка). Apple также предлагает отказаться от динамических фреймворков. Кроме того, это может вызвать ошибки сборки в приложениях, в которых есть другие модули, которые нельзя связать как динамические фреймворки, например. react-native-firebase, что также приводит к тому, что ваше приложение выдаст ошибки при сборке. https://github.com/mapbox/mapbox-gl-native-ios/issues/131#issuecomment-577671153

При ошибке установки pod’ов на процессоре M1 LoadError - dlopen(/Library/Ruby/Gems/2.6.0/gems/ffi-1.13.1/lib/ffi_c.bundle, 0x0009) Выполнить: sudo arch -x86_64 gem install ffi arch -x86_64 pod install

Установка adb & fastboot на macOS/linux bash <(curl -s https://raw.githubusercontent.com/corbindavenport/nexus-tools/master/install.sh) источник

Генерация JS бандла ios:

react-native bundle --dev false --entry-file index.js --bundle-output ios/main.jsbundle --platform ios

android:

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle