Skip to content

mishaberezin/2ledo

Repository files navigation

Фронтенд

Установка

Только iOS

  1. Поставить на телефон приложение Expo
  2. Поставить на компьютер Xcode
  3. Установить Node.js + NPM (npm идет в комплекте)
  4. Установить expo-cli глобально
    npm install expo-cli --global
    
  5. Склонировать репозиторий
  6. Подтянуть зависимости npm ci
  7. Стартануть проект npm start
    • Приложение само запустится в программе Simulator (идет вместе с Xcode) на компе;
    • Также можно отсканировать QR код с помощью камеры на телефоне и открыть в Expo;

relations

Перегенерировать диаграмму 👆: npm run arkit

Как дебажить?

Expo поддерживает console.log, но если нужно что-то более существенное:

  • RNDebugger (дерево компонентов, нетворк, Redux)
  • Дебаггер в VScode (дебаг брейкпоинтами не выходя из редактора)

RNDebugger

Скоро в Expo прорастет поддержка дебагера Flipper, тогда все станет совсем хорошо, а пока самый продвинутый вариант – RNDebugger.

  1. Установка:

    brew update && brew cask install https://raw.githubusercontent.com/caskroom/homebrew-cask/b6ac3795c1df9f97242481c0817b1165e3e6306a/Casks/react-native-debugger.rb
  2. Отредактировать конфиг:

    Debugger → Open config file
    
    defaultRNPackagerPorts: [19001],
    defaultNetworkInspect: true,
  3. Открыть RNDebugger и затем в симуляторе включить Debug Remote JS:

    Device → Shake (⌃⌘Z) → Debug Remote JS
  4. На вкладке Network нажать галочку Disable Cache (важно!)

Дебаггер в VScode

  1. Поставить расширение React Native Tools

  2. Запустить Metro Bundler как обычно:

    npm start
  3. Запустить дебаг-конфигурацию Debug Expo App в VScode (см. .vscode/launch.json).

  4. В симуляторе включить Remote Debug:

    Device → Shake (⌃⌘Z) → Debug Remote JS

Рецепты

〰 Полный перезапуск:

git clean -xdf
npm ci
expo start --ios --clear

〰 Перезагрузка приложения в Симуляторе:

Device → Shake (⌃⌘Z) → Reload

Действие Shake вызывает меню Expo. Для удобства можно вынести кнопку Shake на тачбар.

Ссылки

API: https://toledo-stage.herokuapp.com/webjars/swagger-ui/index.html?configUrl=/v3/api-docs/swagger-config

Старый репозиторий: https://gitlab.com/flitch/frontend

Состояние репозитория перед тем как все было переделано для Прототипа, находится в ветке archive.

About

🐺 Renting App for Better World

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •