React Native — info

Давно ли вы начали задумываться об оптимизации приложения и какие практики обычно используете? 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

Что нужно знать для сборки ios проекта - Открывать в Xcode файл проекта с расширением .xcworkspace - Убедиться что Xcode выдан доступ к файлам: * Открыть системные настройки * Перейти Защита и безопастность > Конфидецеальность > Доступ к диску * Если Xcode нет в списке, нажать на замочек и снять блокировку. Далее нажать на кнопку + и вручную добавить Xcode - Для переустановки "подов" использовать команды: pod deintegrate pod install - При ошибках установки "подов": * Проверить доступ к сети, возможно проблема в маршрутизаторе * Выполнить sudo xcode-select --switch /Applications/ * Очистить кеш Xcode утилитой CleanMyMac X * Выполнить повторно  pod deintegrate * Перезагрузить mac * Возможны ошибки при загрузке подов, а также нехватки библиотек Yoga* , необходимо отключить flipper в Podfile - При нехватке каких либо библиотек: * Очистить папку билда в проекте, в Xcode нажать Shift+Cmd+K * Очистить кеш Xcode утилитой CleanMyMac X * Если не помогли предыдущие пункты, повторить их сначала и переустановть поды pod deintegrate * Проверить открыт ли .xcodeworkspace файл - Решение различных clang error * Очистить папку билда в проекте, в Xcode нажать Shift+Cmd+K * Очистить кеш Xcode утилитой CleanMyMac X * Перезагрузить mac (тут можно попытаться без этого пункта) - При очень долгой сборке проекта, попробовать убить просесс clang, это компилятор Objective C, далее в Xcode нажать Shift+Cmd+K и попытаться собрать билд еще раз - Убедиться в совместимости версии  Xcode и версии ios на реальном девайсе - Если после установки приложения оно не запускается: *  Перейдите в настройки  iPhone * Перейдите в Основные > Управление устройством >  Apple Developement: ваш_аккаунт_разработчика >  Разрешить доступ - Если ругается на нехватку GoogleService-info.plist: * Удалить файл если существует * В файловой структуре Xcode  выбрать ваш проект * Далее ПКМ > Add files to project > выбрать недостающий файл > выставить все галочки и добавить -  При ошибке с повторяющимися ассетами  Multiple assets files error, перейти во вкладку проекта > в поле Targets выбрать ваш проект > Build Phases > Copy Bundle Resources и удалить повторяющиеся файлы -  Возможны ошибки с   HTTP  запросами, для этого нужно добавить  url в исключения: перейти во вкладку проекта > в поле Targets выбрать ваш проект > Info > URL Types > нажать на + > в поле Url Shcemes вставить необходимый адрес остальные поля не трогать После успешного билда возможны различные runtime  ошибки, внимательно смотрите логи в Xcode

Скрипт для автоматической очистки и сборки android проекта

cd ./android & gradlew.bat clean & cd .. & react-native run-android