Совершенно случайно вдруг кто-нибудь сталкивался: задача заключается в том что пользователь должен иметь возмодность тачем отредактировать растровую картинку. Те условно говоря нужна примитивная рисовалка на канвасе/контексте В RN нет апи доступа к графическим подисистемам, поэтому нужен врапнутый нативный компонент Мб кто-то с чем-то таким работал

Подскажите как в RN лучше картинки импортить. Читал что вот так не рекомендуется const splashIcon = require('src/img/splash_logo.png'); Или так лучше: <Image source={require('/react-native/img/favicon.png')}/>

Может будут у кого мысли, я хотел модифицировать mapDispatchToProps внутри connect для передачи туда дополнительных данных, но выходи так, что connect вызывается самым первым еще до рендера самого компонента и соответсвенно данных

Как бы его придержать ?

У кого было такое, на андроиде не ранится

А когда remote debug включаю то не выдаёт этой ошибки

Все добрый день. А как получить доступ и разрешение на сохранение файло на ios? Юзаю библиотеку joltup/rn-fetch-blob Или вообще возможно сохранять файлы на ios платформу?

Подскажите как в RN лучше картинки импортить. Читал что вот так не рекомендуется const splashIcon = require('src/img/splash_logo.png'); Или так лучше: <Image source={require('/react-native/img/favicon.png')}/>

Чем отличается первый вариант от второго? Вы про передачу результата require напрямую в source или через временную переменную или прочто что-то другое?

Совершенно случайно вдруг кто-нибудь сталкивался: задача заключается в том что пользователь должен иметь возмодность тачем отредактировать растровую картинку. Те условно говоря нужна примитивная рисовалка на канвасе/контексте В RN нет апи доступа к графическим подисистемам, поэтому нужен врапнутый нативный компонент Мб кто-то с чем-то таким работал

А вы сами искали? Что выбрали? (вот это видели? https://stackoverflow.com/q/39972962/2266462)

Может будут у кого мысли, я хотел модифицировать mapDispatchToProps внутри connect для передачи туда дополнительных данных, но выходи так, что connect вызывается самым первым еще до рендера самого компонента и соответсвенно данных

А зачем? Какие данные хочешь передать?

Может будут у кого мысли, я хотел модифицировать mapDispatchToProps внутри connect для передачи туда дополнительных данных, но выходи так, что connect вызывается самым первым еще до рендера самого компонента и соответсвенно данных

Это невозможно. Но если посмотреть внимательно, там есть апи для этого (его использование частично "убивает" оптимизацию рендера, но когда очень надо там всё есть). Если конечно я правильно угадал, почему эта задача возникла.

Все добрый день. А как получить доступ и разрешение на сохранение файло на ios? Юзаю библиотеку joltup/rn-fetch-blob Или вообще возможно сохранять файлы на ios платформу?

не нужно получать доступ и разрешение. просто берете и сохраняете

А зачем? Какие данные хочешь передать?

Велосипедостроение )

Это невозможно. Но если посмотреть внимательно, там есть апи для этого (его использование частично "убивает" оптимизацию рендера, но когда очень надо там всё есть). Если конечно я правильно угадал, почему эта задача возникла.

Да, я видел, но не помогло

Да, я видел, но не помогло

Т.е. нужны не просто props компонента в мэппере, а что-то ещё? Если стейт нужен - труба... надо бить на два компонента и connect на внутреннем дергать, а стейт во внешнем держать и передавать вниз как props

Но redux не моя тема )

Да не, там ни стейт ни пропсы не нужны

Я просто делаю "редаксовский конвейер", и хотел туда подсунуть экшены, чтобы проще было биндить. Ох щас камни полетят)

Я просто делаю "редаксовский конвейер", и хотел туда подсунуть экшены, чтобы проще было биндить. Ох щас камни полетят)

А... тогда да... но тут я самоустраняюсь, т.к. я - это про mobx )

А... тогда да... но тут я самоустраняюсь, т.к. я - это про mobx )

очень жаль)

до mobx мы еще не дошли

@iLonny поставил путь сохранения: DocumentDir, записывает файл в директорию /var/mobile/Containers/Data/Application/DC36939.../Documents/y2E7lMsY5ryL1bJ9ewZpvAaC082Gq6ZV.jpg но как мне теперь его просмотреть?

Передаю картинку в компонент: <Children iconRightPlus={iconRightPlus} /> Предворительно импротрируя ее import iconRightPlus from '../../../images/filter.png' Далее все как обычно, пытаюсь подключить ее: <Image source={iconRightPlus} style={{ width: 30, height: 30 }} /> Картинка не отображается, в чем дело?

Т.е. нужны не просто props компонента в мэппере, а что-то ещё? Если стейт нужен - труба... надо бить на два компонента и connect на внутреннем дергать, а стейт во внешнем держать и передавать вниз как props

а вот это, кстати, может прокатить

@iLonny поставил путь сохранения: DocumentDir, записывает файл в директорию /var/mobile/Containers/Data/Application/DC36939.../Documents/y2E7lMsY5ryL1bJ9ewZpvAaC082Gq6ZV.jpg но как мне теперь его просмотреть?

а в чем проблема? путь до файла ведь есть

@playra source должен быть 'uri' или 'require()' source={require('/react-native/img/favicon.png')}source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}}

@iLonny проблема теперь его просмотреть, в андроиде могу просмотреть через дополнительные проги типа: Микрософф Ворд, ПДФ ридер ....

@playra source должен быть 'uri' или 'require()' source={require('/react-native/img/favicon.png')}source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}}

нет, еще может быть импорт)

@playra https://facebook.github.io/react-native/docs/image#source

@playra https://facebook.github.io/react-native/docs/image#source

в курсе))) Попробуте так: import iconRightPlus from '../../../images/filter.png' <Image source={iconRightPlus} style={{ width: 30, height: 30 }} /> Работает, но вопрос вообще в другом.

Как в чилдрен передать?

@playra <Children iconRightPlus={iconRightPlus} />Выходит загвоздка в этом. Название атрибута идентично с параметром атрибута. И что это за чилдрен елемент?

@playra <Children iconRightPlus={iconRightPlus} />Выходит загвоздка в этом. Название атрибута идентично с параметром атрибута. И что это за чилдрен елемент?

Кастомный, название может быль любым.

> Название атрибута идентично с параметром атрибута. ?

@playra ты бы сразу и начал бы с норм впороса... как в чилдрен передать

@playra ты бы сразу и начал бы с норм впороса... как в чилдрен передать

t.me/reactnative_ru/86624

Передаю картинку в компонент, не одно и тоже?

@playra попробуй через this.props.iconRightPlus

@playra попробуй через this.props.iconRightPlus

так и пробывал

так и пробывал

а если логать значение там вообще есть? если рендерить не картинку а красный квадрат 30 на 30 есть что-то?

Приветствую, подскажите как разместить вакансию на Reactnative разработку / 1 мес. ?

https://t.me/javascript_jobs

а если логать значение там вообще есть? если рендерить не картинку а красный квадрат 30 на 30 есть что-то?

вроде сошлось)

спасибо!

Простите меня. без попутал, флаттер поставился сам

Как подружить react-native-typescript-transformer и hot reload?

у меня они вроде дружат... вот с mobx не всегда...

@gblack9 Кстати, ты, как-то обмолвился, что у вас api на вебсокетах

я правильно понимаю, что речь об api запрос - ответ?

я правильно понимаю, что речь об api запрос - ответ?

Не совсем, там независимо можно команды посылать, как client->server, так и server -> client... и уже поверх этой абстракции, можно послать команду с токеном на сервер, который этот токен назад пришлет (чтоб клиент смог понять, что это именно на такой-то его запрос ответ)

Не совсем, там независимо можно команды посылать, как client->server, так и server -> client... и уже поверх этой абстракции, можно послать команду с токеном на сервер, который этот токен назад пришлет (чтоб клиент смог понять, что это именно на такой-то его запрос ответ)

я просто подумываю избавиться от событийной модели основанной на лонгпуллинге в пользу веб-сокетов

я просто подумываю избавиться от событийной модели основанной на лонгпуллинге в пользу веб-сокетов

Да, за real time приложениями будущее. Из клиентов пока Apollo лучший.

Да, за real time приложениями будущее. Из клиентов пока Apollo лучший.

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

Если коротко, то у нас достаточно сложное корпоративное приложение. Представляет собой многоуровневую систему задач, есть корневые задачи, вложенные и конечные. В конечных задачах есть возможность вести обсуждения в чатах. При этом поступление нового сообщения в чат должно добавлять счетчик сообщения на его задачу и поднимать счетчики вверх по дереву. Изменение наборов свойств родительских задач пораждает измениня вниз по дереву и так далее. Ну еще и свои боты есть, которые динамически создают задачи и сообщения для определенных наборов участников задач и чатов. Я не говорю еще и о разделении прав, администраторах, наследовании при создаании задач и закрытии чатов и задач с пробросом вниз и вверх по дереву. Сейчас все это живет на http подобном api и лонгпуллинг подпиской, которая рассылает ивенты на устройства при тех или иных изменениях в данных. Делать все это мне было достаточно трудоемко. Сервер на python + MSSQL и Clickhouse для агрегации логов и уведомлений + генерация шифрованных токенов для защиты запросов. В итоге все это работает, но есть просадки с зависанием запросов на клиентах + лонгпуллинг может быть требователен к ресурсам ведь фактически приходится дергать Clickhouse раз в 100ms за новым данными. К сожалению, когда эту задачу ставили не дали подниматься вебсокеты, так как у нас прокси сервер достаточно старый и с ними работает плохо, но сейчас уже готовлю сервер для v2 и можно поиграть с сокетами...

Если коротко, то у нас достаточно сложное корпоративное приложение. Представляет собой многоуровневую систему задач, есть корневые задачи, вложенные и конечные. В конечных задачах есть возможность вести обсуждения в чатах. При этом поступление нового сообщения в чат должно добавлять счетчик сообщения на его задачу и поднимать счетчики вверх по дереву. Изменение наборов свойств родительских задач пораждает измениня вниз по дереву и так далее. Ну еще и свои боты есть, которые динамически создают задачи и сообщения для определенных наборов участников задач и чатов. Я не говорю еще и о разделении прав, администраторах, наследовании при создаании задач и закрытии чатов и задач с пробросом вниз и вверх по дереву. Сейчас все это живет на http подобном api и лонгпуллинг подпиской, которая рассылает ивенты на устройства при тех или иных изменениях в данных. Делать все это мне было достаточно трудоемко. Сервер на python + MSSQL и Clickhouse для агрегации логов и уведомлений + генерация шифрованных токенов для защиты запросов. В итоге все это работает, но есть просадки с зависанием запросов на клиентах + лонгпуллинг может быть требователен к ресурсам ведь фактически приходится дергать Clickhouse раз в 100ms за новым данными. К сожалению, когда эту задачу ставили не дали подниматься вебсокеты, так как у нас прокси сервер достаточно старый и с ними работает плохо, но сейчас уже готовлю сервер для v2 и можно поиграть с сокетами...

Имхо, тут не только в сокетах дело... хотя я считаю, они должны быть неотемлемой частью такой системы (лонг поллинг это хак в любом случае). Тут, если самим делать, большая задача это определение протокола который: 1. позволяет закодировать все изменения данных 2. позволяет сделать это компактно И вторая большая задача это сервер... по опыту такие системы шустро работают, только если working set... те данные про которые сейчас нужно кому-то знать находятся в памяти и изменения по ним рассылаются во сессии всех клиентов которым нужно о них знать одновременно (или непосредственно после) укладки в бд )

Имхо, тут не только в сокетах дело... хотя я считаю, они должны быть неотемлемой частью такой системы (лонг поллинг это хак в любом случае). Тут, если самим делать, большая задача это определение протокола который: 1. позволяет закодировать все изменения данных 2. позволяет сделать это компактно И вторая большая задача это сервер... по опыту такие системы шустро работают, только если working set... те данные про которые сейчас нужно кому-то знать находятся в памяти и изменения по ним рассылаются во сессии всех клиентов которым нужно о них знать одновременно (или непосредственно после) укладки в бд )

Да, но при обычном http-api ты не знаешь кому отправлять данные, потому что никто к тебе и не подключен.. Лонгпуллинг в этом случае позвляет мне отслеживать коннекты по подписке на события и отправлять данные только тем, кто онлайн из тех, кто должен получить данные, потому что остальные и так их получат, когда войдут в приложение обычными запросами

Да, но при обычном http-api ты не знаешь кому отправлять данные, потому что никто к тебе и не подключен.. Лонгпуллинг в этом случае позвляет мне отслеживать коннекты по подписке на события и отправлять данные только тем, кто онлайн из тех, кто должен получить данные, потому что остальные и так их получат, когда войдут в приложение обычными запросами

да, да... естественно, я имею ввиду, что long polling это хак по сравнению с нормальным протоколом расчитанным на непрерывное соединение

есть ли возможность слить папку из files.app к себе в локальные документы приложения?

да, да... естественно, я имею ввиду, что long polling это хак по сравнению с нормальным протоколом расчитанным на непрерывное соединение

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

хотя может инфа устаревшая у меня

Что то я уже всю голову сломал. Есть у меня HOC компонент я могу в нем получить контекст Component котого он оборачивает?

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

Рекомендую: https://www.udemy.com/share/100xkYA0sdeF9QR3w=/

23,5 часа качественого видео по этой теме

23,5 часа качественого видео по этой теме

Спасибо

Спасибо

Там как раз по вашей теме чатов, так как у Prisma(Yoga) встроена, в том числе, автогенерация кода для подписок на веб-сокетах. https://www.prisma.io/blog/how-to-build-a-real-time-chat-with-graphql-subscriptions-and-apollo-d4004369b0d4/

стартер для чата https://github.com/alan345/naperg

Добрый день. Кто нибудь знает есть ли у react-navigation метод который отрабатывает при смене экрана? раньше был onNavigationStateChange но сейчас при его реализации вылезает error. Можно конечно написать middlerware но мне это не подходит.

Добрый день. Кто нибудь знает есть ли у react-navigation метод который отрабатывает при смене экрана? раньше был onNavigationStateChange но сейчас при его реализации вылезает error. Можно конечно написать middlerware но мне это не подходит.

https://reactnavigation.org/docs/en/navigation-prop.html#addlistener-subscribe-to-updates-to-navigation-lifecycle

https://reactnavigation.org/docs/en/navigation-prop.html#addlistener-subscribe-to-updates-to-navigation-lifecycle

это то что надо спасибо. я это не нашел из за тово что сидел в старой доке. Спасибо

Там как раз по вашей теме чатов, так как у Prisma(Yoga) встроена, в том числе, автогенерация кода для подписок на веб-сокетах. https://www.prisma.io/blog/how-to-build-a-real-time-chat-with-graphql-subscriptions-and-apollo-d4004369b0d4/

Я посмотрю, но готовые решения таких больших частей не для нас. Слишком высокая частота внедрения нового функционала. Мне проще потратить время и написать свой механизм, но зато я смогу спокойно его масштабировать. Тем не менее, изучу, может что интересен будет

Прикрутил и gifted-chat для сообщений, в итоге почти целиком его переписал, потому что примитивный функционал

Я посмотрю, но готовые решения таких больших частей не для нас. Слишком высокая частота внедрения нового функционала. Мне проще потратить время и написать свой механизм, но зато я смогу спокойно его масштабировать. Тем не менее, изучу, может что интересен будет

Это понятно) Я вам больше про технологию. React Native же вы не переписываете?! Поэтому Prisma(Yoga) Apollo GraphQL, тоже переписывать не надо =) Понять и написать свое используя эти передовые инструменты.

Призма шляпа же)

https://github.com/hasura/graphql-engine

Вот хасуру берите)

Призма шляпа же)

Почему?

Холиварная тема, не для этого чата. Это как выбор редактора кода, кому что под конкретные задачи. Знаю хасуру индусы запилили, но лучше Prisma не встречал.

Ну чот не понравилась не помню уже. Как-то костыльно показалось все

Ну это еще как только появилась. Мож ее там переписали уже 10 раз

Это понятно) Я вам больше про технологию. React Native же вы не переписываете?! Поэтому Prisma(Yoga) Apollo GraphQL, тоже переписывать не надо =) Понять и написать свое используя эти передовые инструменты.

Эта передовая шляпа не завелась на чистом ведре

Ну это еще как только появилась. Мож ее там переписали уже 10 раз

Там каждый день улучшения. Они 6.000.000$ инвестиций получили на развитие.

Эта передовая шляпа не завелась на чистом ведре

там где завелся докер, заведется и Prisma

там где завелся докер, заведется и Prisma

Под виндой нативный аполло для ведра не завелся

Потому что "иди форкай и фиксь баг в плагине"

Под виндой нативный аполло для ведра не завелся

Что-то не то делали) Столько курсов уже по этой теме и у всех ок. А Аполло победитель на React Native конференции.

https://react.amsterdam/awards.html

Что-то не то делали) Столько курсов уже по этой теме и у всех ок. А Аполло победитель на React Native конференции.

Что "не то" ? По их манам не завелось - мой косяк? Ну офигеть теперь

У них ЯВНЫЙ баг в плагине для сборки, и вроде еще не пофиксили даже

Зато 6 лямов инвестиций же! Не барское это дело "баги править"