Code Monkey home page Code Monkey logo

2ledo's Introduction

Фронтенд

Установка

Только 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.

2ledo's People

Contributors

eryasov avatar igribov avatar mishaberezin avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.