всем привет, начал использовать реакт нейтив, думал все тут изи, ваяем на js, но чет все идет не особо гладко. Решил банально добавить загрузку аватарки, чтобы можно было сразу на камеру снять. Заюзал react-image-picker, но что-то как-то дико подвисает при всплытии меню(выбрать из галереи, снять на камеру) в бекграунде зависает процесс backboard - 150% кушает проца. Подскажите плз это норм в дев режиме? Или я где-то свернул не туда?

Юзал это решение, таких проблем не было. Все может быть банально из-за размера файла

Юзал это решение, таких проблем не было. Все может быть банально из-за размера файла

Плюсую

у меня как-то все доп менюшки начали медленно открываться, ctrl+d тоже

недавно Xcode обновил, возможно из-за этого

спасибо за инфу, ребят

Юзал это решение, таких проблем не было. Все может быть банально из-за размера файла

Причем тут размер файла-то?

недавно Xcode обновил, возможно из-за этого

Проверьте, не поставили ли вы себе анимации в тестовый режим (кажется CMD+T сочетание)

ага, гляну

Причем тут размер файла-то?

Если есть превьюха и используется оригинальные картинки для сжатия, то при скролле и прочей интеракции с элементом будет неоправданно много расходоваться ресурсов

Если есть превьюха и используется оригинальные картинки для сжатия, то при скролле и прочей интеракции с элементом будет неоправданно много расходоваться ресурсов

В доках ведра даже целый пункт выделили про загрузку больших изображений

а ещё тогда сразу поинтересуюсь, вы на сервер картинки base64 отправляете?

или просто файликом

а ещё тогда сразу поинтересуюсь, вы на сервер картинки base64 отправляете?

с помощью https://developer.mozilla.org/en/docs/Web/API/FormData

В доках ведра даже целый пункт выделили про загрузку больших изображений

Спасибо за наводку, ознакомлюсь.

Спасибо за наводку, ознакомлюсь.

https://developer.android.com/topic/performance/graphics/load-bitmap.html

ага, вот думал между этим решением и base64

ага, вот думал между этим решением и base64

Плюс base64 вижу только в отсутствии необходимости проводить остальные данные запроса через qs.stringify

Хотя все это можно делать в FormData

а там отправка разве в главном потоке?

ага, вот думал между этим решением и base64

base64 для большиф файлов лучше не использовать

это вот отсюда https://github.com/wkh237/react-native-fetch-blob

ну мне аватарку закачать на сервак

картинка это большой файл?)

ну судя по графику после 500кб начинаются более менее ощутимые задержки

а ну тогда лучше через форм дату

@naffiq действительно был режим отладки анимаций, cmd+T помогло. Спасибо Вам большое

картинка это большой файл?)

На современных смартфонах стоит от 10 до 20+ мегапикселей, размер одного изображения может достигать до 15-20 мб

Если не больше, у меня просто довольно старый айфон и бюджетные андроиды ?

На современных смартфонах стоит от 10 до 20+ мегапикселей, размер одного изображения может достигать до 15-20 мб

для аватарки можно смело ресайзнуть до нужного размера

для аватарки можно смело ресайзнуть до нужного размера

Согласен, главное не забывать ? Добавил бы только что не можно, а нужно. И делать это не на сервере, а на устройстве предварительно — сэкономите пользователю нервы (и себе при тестах).

лучше наверное сохранить исходный

а на серваке ресайзнуть

аватарку ведь можно открыть на весь экран

аватарку ведь можно открыть на весь экран

Ну можно не кропать, а именно ресайзить оригинал, а кропать уже на сервере.

а рейсайзить с помощью чего можно?

а рейсайзить с помощью чего можно?

https://github.com/bamlab/react-native-image-resizer

ага, попробую

а рейсайзить с помощью чего можно?

в image-picker можно maxWidth / maxHeight указать

ага, спасибо

аплоадить файлы лучше мультипартом

аплоадить файлы лучше мультипартом

на 33 процента больше размер получается у base64 кодированной картинки, есть еще какие-то минусы?

про скорость encode/decode никто не пишет, видимо не существенно

Привет всем, а можно ли как то сохранять данные в приложении? в плане, после закрытия приложения - данные сохранились - AsyncStorage для этого подходит?

да

rehydration

redux-persist

сохранит стор редаксовский

Здравствуйте, у меня такая ситуация, у меня две вкладки в обоих находится музыка, в одной плеер, а в одной списком, а музыка подгружается с сервера, так вот мне нужно, чтобы в обоих вкладках воспроизводилась одна песня, если нажму на паузу в одной вкладке, то она нажалась и в другой и тд, я вот решил сделать отдельный файл api в котором я буду обращаться к серверу и в этом файле будут хранится все данные, так вот мне придется использовать redux?

Если что не так написал, спрашивайте, отвечу

В общем мне нужно какое глобальное хранилище, к которому я смогу обращаться в разных скринах

redux или mobx возьми mobx, меньше мороки

То есть без этих библиотек никак?

То есть без этих библиотек никак?

тут как с кашей из топора. Можно, но в результате вы изобретете свой редакс

Ясно) нужен редакс значит)

Ладно, спасибо)

не за что)

Здравствуйте, у меня такая ситуация, у меня две вкладки в обоих находится музыка, в одной плеер, а в одной списком, а музыка подгружается с сервера, так вот мне нужно, чтобы в обоих вкладках воспроизводилась одна песня, если нажму на паузу в одной вкладке, то она нажалась и в другой и тд, я вот решил сделать отдельный файл api в котором я буду обращаться к серверу и в этом файле будут хранится все данные, так вот мне придется использовать redux?

Еще одна ремарка: Если у вас есть отдельный файл для работы с API, то не стоит добавлять к нему никакой другой логики — только async/await или promises (максимум формат нужный сменить, но это тоже лучше в отдельном файле). А логику приложения уже в другом месте.

Еще одна ремарка: Если у вас есть отдельный файл для работы с API, то не стоит добавлять к нему никакой другой логики — только async/await или promises (максимум формат нужный сменить, но это тоже лучше в отдельном файле). А логику приложения уже в другом месте.

да, я так и собираюсь async function

да, я так и собираюсь async function

Я просто прочитал у вас это: «я вот решил сделать отдельный файл api в котором я буду обращаться к серверу и в этом файле будут хранится все данные» и подумал, что вы в одном файле собираетесь все это делать

Я просто прочитал у вас это: «я вот решил сделать отдельный файл api в котором я буду обращаться к серверу и в этом файле будут хранится все данные» и подумал, что вы в одном файле собираетесь все это делать

ну, в смысле, я хочу чтобы он возвращал данные с сервера

правильно же?

то есть, чтобы я его импортировал в файл, а в нем данные с сервера

правильно же?

Да, в крупных проектах это не один файл, а директория API, и на каждый раздел уже отдельный файл. Главное не нарушать SRP

и например, через map я их отрендерил

и например, через map я их отрендерил

Да, а если например решите закешировать это дело в AsyncStorage, то уже отдельную папку/файл cache/storage и использовать его. А он в свою очередь вызывает API, если кэш не прогрет

Да, а если например решите закешировать это дело в AsyncStorage, то уже отдельную папку/файл cache/storage и использовать его. А он в свою очередь вызывает API, если кэш не прогрет

оо, а это мне нужно будет, спасибо, буду иметь ввиду

Да, а если например решите закешировать это дело в AsyncStorage, то уже отдельную папку/файл cache/storage и использовать его. А он в свою очередь вызывает API, если кэш не прогрет

и потом проверять, есть ли этот файл в кэше, да?

если есть, то воспроизводится с кэша, если нет, то обращается к серверу

если есть, то воспроизводится с кэша, если нет, то обращается к серверу

Ага, ключи кэша можно держать в константах типа "REQUEST_NAME@APP_NAME"

Ага, ключи кэша можно держать в константах типа "REQUEST_NAME@APP_NAME"

так, а для чего ключи кэша? это типа токены?

так, а для чего ключи кэша? это типа токены?

Нет, это типа ключ, по которому вы в AsyncStorage данные кладете.

или для расшифровки кэша?

Ну по сути как в массиве/объекте

Нет, это типа ключ, по которому вы в AsyncStorage данные кладете.

аа, все, понял, спасибо огромное, наперед советы дали))

всем привет, а кто-нибудь делал графики на rn? могу ли я использовать нативные графики для ios и android и обернуть в плагин?

всем привет, а кто-нибудь делал графики на rn? могу ли я использовать нативные графики для ios и android и обернуть в плагин?

Хороший вариант, только придется API написать одинаковый для обеих платформ. Однако проще всего юзать это https://github.com/tomauty/react-native-chart

о круто, то есть свг чарты нормально работают? я тогда могу и на д3 сделать

мне просто нужны candle stick charts

о круто, то есть свг чарты нормально работают? я тогда могу и на д3 сделать

К сожалению в RN используется обертка над SVG, не слышал пока о портах D3 для него.

ну вот эти чарты как раз и используют ART для графиков

о круто, то есть свг чарты нормально работают? я тогда могу и на д3 сделать

Извините, ссылку которую я кинул использовать не стоит, автор написал, что больше не может поддерживать это решение.

ничего страшного, я думаю попробую оба варианта, просто никогда не писал плагины, если это возможно, то вообще круто

ну вот эти чарты как раз и используют ART для графиков

А, ну тогда можете просто его линкануть и использовать. Еще можно посмотреть исходники этой библиотеки, как там реализовано использование ART в качестве референса.

если там ART то и линковать ниче не надо

я вроде смотрел как делать d3 в art, просто непонятно, насколько он prod ready, хотя вроде сам fb подтвердил, что все ок

кто prod ready? ART?

да

или он все таки сырой?

так ART еще раньше rn сделали для веба в fb, и потом там же просто портанули с тем же апи

никогда не слышал ?

https://github.com/sebmarkbage/art

ну здорово, тогда его и попробую вначале

но в RN надо встроенный юзать import { ART } from 'react-native'

а он даже часть стандартного пакета? я как раз про это и спрашивал