Приручить зверя. С чем мы столкнулись при разработке приложения для ведения личного дневника на React Native

Понимаю боль автора. Просто несколько заметок которые я писал для себя около года назад, чтобы не забыть (дают прочувствовать атмосферу):
=======
…
иногда если не билдится, можно попробовать почистить содержимое \android\.gradle
и после этого перезапустить react-native run-android пару раз.
========
Если не билдится release, прежде чем что-то менять, попробовать раз пять перезапустить процесс
=======
если cannot unzip… то надо сделать:
android\gradlew.bat clean
=========
Если при попытке задеплоить приложение на смартфон там вылезает Error: Requiring module «NativeModules» (а на эмуляторе всё ок) — причина неизвестна, но возможно как-то связана со служебным адресом в строке wsClient = new SubscriptionClient(`ws://10.0.2.2:3002/subscriptions`,…
Временное решение — забить на отладку и задеплоить release. С ним всё ок.
Кто-то советовал удалить node_modules и заново сделать npm install. Не пробовал.
=========
решение проблемы с «ERROR EPERM: operation not permitted, lstat… » после react-native run-android:
react-native run-android, as soon it opens the packager, kill it, wait for the BUILD SUCCESSFUL message to appear, then node node_modules/react-native/local-cli/cli.js start
=======
(это всё под Win7).

Ну и далее в таком духе (включая всякие тонкости, где можно и где нельзя вставлять в каких-то конфигах пробелы, можно или нельзя кавычки использовать и т.п.). Сильно напрягает, что многие проблемы плохо воспроизводятся и решаются кучей совершенно разных способов (судя по советам столкнувшихся с ними). При этом у кого-то срабатывают одни советы, у кого-то другие, а у кого-то никакие не срабатывают :)
Несмотря на всё это (можно постепенно привыкнуть) вещь действительно хорошая и, при определённых условиях, приложение с точки зрения пользователя ощущается как нативное.

Спасибо за статью. У Вас продублировалось «Поначалу было двоякое ощущение» и «Шифрование из коробки»

За статью — спасибо.
P.S.

Поначалу было двоякое ощущение, мол, никакой тебе ORM, реально нет sql, запись ведется только внутри callback. Непривычно и странно, особенно для веб-разработчика родом из PHP, выросшего на ActiveRecord и Doctrine.

Абзац продублировался.

Ubuntu 12.6

Это всё было в каком году?

С его помощью можно относительно быстро собрать прототип приложения, отработать структуру и юзабилити.

То есть потом придётся переписывать?

Хорошо бы еще услышать лучшие практики/советы/инструменты по продуктивности в RN.

Например до меня не сразу дошло, что можно в live режиме менять UI(CSS) в React Native Debugger без ребилда приложения.

На днях была задача — как закачать на свой сервер выбранный из девайса файл. Еще решаем, пока нет представления как лучше это сделать. Посоветуй лучший вариант для этого если в курсе.

Сам работаю с RN уже как 2 месяца. В целом доволен.

Присоединяюсь к флешмобу.

Делаю кросс-платформенное приложение-плеер на React Native. Сначала сделал работу со звуком на open-source компонентах. Всё работало. Даже информация о треке выводилась в систему через компонент, оборачивающий MPNowPlayingInfo и MediaSession Metadata.

Но плеер подразумевает работу в фоне большую часть времени. В iOS это решается через соответствующий флаг в Capabilities. В Android же единственный верный путь, насколько я понял, – это отдельная служба. Портирую сейчас логику на Java, используя код из тех самых open-source компонентов. Хорошо хоть UI уцелел.

Синхронное выполнение асинхронной функции

Пожалуйста, не говорите таких ужасных вещей :) Код, вызываемый с await — остается асинхронным, он неблокирующий, это принципиально важно

 const setupBackupFolders = async (init = false) => {
   // some stuff there...
   await RunSomeAsyncFuncInSyncMode(foo, bar)
   RunFuncAfter(bar)
 };
setupBackupFolders();
doBaz();

В этом случае doBaz может выполниться раньше, чем RunFuncAfter. И еще, если setupBackupFolders или RunSomeAsyncFuncInSyncMode бросит исключение (в виде reject), оно «потеряется», будет UnhandledPromiseRejection, код продолжит выполняться. Если это сделает синхронная функция doBaz, приложение упадет (если считать что нет обработчика в вызывающем коде).

И да, для метода класса React.Component это работает тоже. (в справке React, ReactNative об этом умалчивают, хотя это само собой подразумевается).

Само собой это подразумевается именно потому, что async/await следует воспринимать ни в коем случае не как «sync mode» для асинхронных функций, а лишь как синтаксический сахар над промисами, которые следует воспринимать как синтаксический сахар над коллбэками. Строго говоря это не совсем так, но лучше думать об async/await именно в таком ключе, ни в коем случае это не «синхронный способ выполнить асинхронный код».

монолитный и тяжелый moment, отлично заменяется на модульный date-fns.