о, interactable то, что нужно!

Обновляю текущий проект на 0.57, полтора часа, полет нормальный... нативная часть вся работает, тесты JS проходят. Остался последний шаг, эти "нехорошие люди" полностью поменяли конфиг для бандлера (тот, который rn-cli.config.js), чем сломали мой любимый react-native-typescript-transformer и пытаются советовать использовать кривую поддержку ts из babel 7... Ну ничего, мы их победим )))

Обновляю текущий проект на 0.57, полтора часа, полет нормальный... нативная часть вся работает, тесты JS проходят. Остался последний шаг, эти "нехорошие люди" полностью поменяли конфиг для бандлера (тот, который rn-cli.config.js), чем сломали мой любимый react-native-typescript-transformer и пытаются советовать использовать кривую поддержку ts из babel 7... Ну ничего, мы их победим )))

Взлетели, 2.5 часа, нормально для большого приложения. Как починить react-native-typescript-transformer, написал им в ишью: https://github.com/ds300/react-native-typescript-transformer/issues/77#issuecomment-423796221

Взлетели, 2.5 часа, нормально для большого приложения. Как починить react-native-typescript-transformer, написал им в ишью: https://github.com/ds300/react-native-typescript-transformer/issues/77#issuecomment-423796221

А чем ts в babel плох?

А чем ts в babel плох?

Это вот здесь очень хорошо описано: https://kulshekhar.github.io/ts-jest/user/babel7-or-ts Но для меня основным было то, что мы активно используем mobx с декораторами, и для их поддержки пришлось бы пресет менять, потому что в metro-react-native-babel-preset они отключены

Это вот здесь очень хорошо описано: https://kulshekhar.github.io/ts-jest/user/babel7-or-ts Но для меня основным было то, что мы активно используем mobx с декораторами, и для их поддержки пришлось бы пресет менять, потому что в metro-react-native-babel-preset они отключены

А вы mobx 4 используете, или на 5 переехали?

На mobx v5 нельзя, там Proxy ))) Так что v4. Даже когда JSC на Android обновят, останется необходимость работать на iOS 9 (там в системном JSC тоже Proxy нет)

На mobx v5 нельзя, там Proxy ))) Так что v4. Даже когда JSC на Android обновят, останется необходимость работать на iOS 9 (там в системном JSC тоже Proxy нет)

Я думал, что вы переехали на кастомный JSC https://github.com/react-community/jsc-android-buildscripts Но мне политика mobx не понравилась, так смело использовать новые фичи. Это не продашен вей.

Я думал, что вы переехали на кастомный JSC https://github.com/react-community/jsc-android-buildscripts Но мне политика mobx не понравилась, так смело использовать новые фичи. Это не продашен вей.

Я переехал (в одном пет-проекте), и не получил самого главного - Intl... поэтому приостановил пока этот процесс. К тому же это не отменяет необходимость поддержки iOS 9, для него решения с кастомным JSC пока нет, а самому изобретать нет времени. Насчет mobx могу сказать, что меня пока устраивает как себя ведет автор. Он обещал поддержку и релизы для mobx4, он их исправно делает. По фичам mobx4 сопоставим с mobx5, за одним исключением, как раз то, зачем им прокси понадобились, это observable массивы... но тут мне не влом везде, где надо массив из модели куда-то вовне отдать, сделать ему .slice()

Я переехал (в одном пет-проекте), и не получил самого главного - Intl... поэтому приостановил пока этот процесс. К тому же это не отменяет необходимость поддержки iOS 9, для него решения с кастомным JSC пока нет, а самому изобретать нет времени. Насчет mobx могу сказать, что меня пока устраивает как себя ведет автор. Он обещал поддержку и релизы для mobx4, он их исправно делает. По фичам mobx4 сопоставим с mobx5, за одним исключением, как раз то, зачем им прокси понадобились, это observable массивы... но тут мне не влом везде, где надо массив из модели куда-то вовне отдать, сделать ему .slice()

Не знаешь хороших open source проектов на mobx? Хотелось бы посмотреть как встраивают его в большие проекты.

Не знаешь хороших open source проектов на mobx? Хотелось бы посмотреть как встраивают его в большие проекты.

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

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

Привет! Кто-нибудь пробовал использовать ReactXP? Какие мысли по этому поводу?

Не знаешь хороших open source проектов на mobx? Хотелось бы посмотреть как встраивают его в большие проекты.

Советую еще гляну на mobx-state-tree. Очень мощный инструмент от создателя mobx. Когда дойдут руки - выложу примет архитектуры на mobx/mst, которую я шлифую уже года 3. Там есть пару internal библиотек, который сначала зарелизить надо.

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

Если аккуратно писать - удобство, а если нет - геморрой ?

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

Ребят! Привет всем!) Недавно вышла новая версия iOS и Xcode, кто-то уже пробовал обновляться?

Как это влияет на ваши проекты? Были ли какие-то баги? У меня вот после обновления проект слетел, помогла полная переустановка (и линкинг вручную) всех библиотек

Ребят! Привет всем!) Недавно вышла новая версия iOS и Xcode, кто-то уже пробовал обновляться?

Я обновился на реакте 0.57 все работает

Я обновился на реакте 0.57 все работает

Хм, я на 0.55.4 обновлюсь ка)

Можно ли включить отображение хеадера при использовании createBottomTabNavigator (react-navigation)? Пробовал использовать: navigationOptions: () => ({ title: "Настройки", }) Не работает.

а почему нет?

ваше сообщение меняется слишком быстро:D

прописывайте хедеры для стаков внутри

Можно подробнее, пожалуйста?

Ибо при использовании createStackNavigator все нормально работает

Может кто имел дело с react-native-tab-view. При смене табки вместо хедера появляется пустое пространство. И он пропадает только после того как поскроллить. https://snack.expo.io/ryxqr7HYX (запускать на андроиде)

Можно подробнее, пожалуйста?

сорри, ноута рядом нет пока. Ну у вас табнавигатор же состоит из скринов или стаков - дайте им хедеры

А ts в rn 0.57 теперь только через бабель делать?

А ts в rn 0.57 теперь только через бабель делать?

Нет, только сегодня писал же... можно по разному, мы через react-native-typescript-transformer делаем. (Ну facebook конечно же путь через бабель рекламирует)

Нет, только сегодня писал же... можно по разному, мы через react-native-typescript-transformer делаем. (Ну facebook конечно же путь через бабель рекламирует)

Просто он теперь, как я понял, из коробки работает

Просто он теперь, как я понял, из коробки работает

По идее да... работает не ts, а вырезание тайпингов. И ещё я не очень понимаю. Раньше у бабеля было ограничение, что он или flowtype или typescript, но не одновременно, в RN flowtype внутри, значит они это ограничение как-то преодолели, раз в проекте можно typescript использовать?

По идее да... работает не ts, а вырезание тайпингов. И ещё я не очень понимаю. Раньше у бабеля было ограничение, что он или flowtype или typescript, но не одновременно, в RN flowtype внутри, значит они это ограничение как-то преодолели, раз в проекте можно typescript использовать?

Ну ts и нужен только на уровне кода. Дальше пускай что хочет вырезает

Ну ts и нужен только на уровне кода. Дальше пускай что хочет вырезает

Не только... на самом деле некоторые вещи, хоть они стараются и не делать такого, ts всё же компилит сам... На хороший список того, что не умеет "ts в babel" я ссылку давал утром: t.me/reactnative_ru/83004

Не только... на самом деле некоторые вещи, хоть они стараются и не делать такого, ts всё же компилит сам... На хороший список того, что не умеет "ts в babel" я ссылку давал утром: t.me/reactnative_ru/83004

То есть декораторы работать не будут?

То есть декораторы работать не будут?

Будут, но надо включать в babel'е "старые декораторы" )

Меня честно заломало трогать пресет RN'овский )

Будут, но надо включать в babel'е "старые декораторы" )

Хм... Забавно :)

Депрекейтед пакет же

Депрекейтед пакет же

А что юзать для алиасов?

Там даже написано что нужно юзать

Там даже написано что нужно юзать

Где?

npmjs

npmjs

??

??

сайт с описанием пакетов

сайт с описанием пакетов

Да я в курсе. Как он мне поможет?

Понял, я дебил. Не то написал

Это babel-plugin-module-resolver

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

А вот я ждал)

А вот я ждал)

Я помню об этом, сорри... всё будет, но жизнь свои сюрпризы преподносит... я тоже не очень жаждал 2 недели на Go программить с его синтаксисом более близким к языкам среднего уровня типа C.

Я помню об этом, сорри... всё будет, но жизнь свои сюрпризы преподносит... я тоже не очень жаждал 2 недели на Go программить с его синтаксисом более близким к языкам среднего уровня типа C.

Я тоже не думал, что буду сервера на питоне писать и настраивать проксирование через nginx, потому что админам это не под силу =) Жду в любом случае, тема интересная

Я тоже не думал, что буду сервера на питоне писать и настраивать проксирование через nginx, потому что админам это не под силу =) Жду в любом случае, тема интересная

))))

Есть у меня такие стили на которых я делаю сетку —---— |++| |++| —---— categoryContainer: { flexDirection: 'row', flexWrap: 'wrap', } categoryItem: { width: '50%', }, categoryItem - стиль в инкапсулированном компоненте <View style={styles.categoryContainer}> <TouchableOpacity onPress={() => null}> <CategoryItem/> </TouchableOpacity> Оборачиваю в TouchableOpacity и width: '50%' реряет свою силу. Какие стили можно дать TouchableOpacity что бы сетка сохранялась и растягивалась по ширине? Не хочется TouchableOpacity выносить в CategoryItem.

Есть у меня такие стили на которых я делаю сетку —---— |++| |++| —---— categoryContainer: { flexDirection: 'row', flexWrap: 'wrap', } categoryItem: { width: '50%', }, categoryItem - стиль в инкапсулированном компоненте <View style={styles.categoryContainer}> <TouchableOpacity onPress={() => null}> <CategoryItem/> </TouchableOpacity> Оборачиваю в TouchableOpacity и width: '50%' реряет свою силу. Какие стили можно дать TouchableOpacity что бы сетка сохранялась и растягивалась по ширине? Не хочется TouchableOpacity выносить в CategoryItem.

А знаете почему такое происходит? От чего меряется 50%?

А знаете почему такое происходит? От чего меряется 50%?

вероятно потому что TouchableOpacity рисует свой View поверх CategoryItem ? и уже от него меряет свои 50% мой CategoryItem

Да, потому что проценты для ширины берутся от ширины родителя. Но тогда ответ очевиден ведь, не?

Да, потому что проценты для ширины берутся от ширины родителя. Но тогда ответ очевиден ведь, не?

Блен, значит нет иного выхода, кроме как TouchableOpacity переносить в CategoryItem и давать ему стили categoryItem ?

Блен, значит нет иного выхода, кроме как TouchableOpacity переносить в CategoryItem и давать ему стили categoryItem ?

Можно не переносить, а просто дать ему стиль width: 50% а CategoryItem наоборот растянуть )

Можно не переносить, а просто дать ему стиль width: 50% а CategoryItem наоборот растянуть )

Если дать ему ширину девайса через Dimensions, то он вроде положит болт на ширину родителя?

Можно не переносить, а просто дать ему стиль width: 50% а CategoryItem наоборот растянуть )

Благодарю! Такой вариант выглядит не плохо!

Если дать ему ширину девайса через Dimensions, то он вроде положит болт на ширину родителя?

там не нужны деменшенс

там флексы работают

По поводу флексов, я только спрошу... у вас в портретной ориентации эта верстка тоже то, что надо даёт? )

По поводу флексов, я только спрошу... у вас в портретной ориентации эта верстка тоже то, что надо даёт? )

да, но там пока внутренний контент адаптирован для 4.7-5.7 экранов, так как пока что заданы абсолютные значения

да, но там пока внутренний контент адаптирован для 4.7-5.7 экранов, так как пока что заданы абсолютные значения

А, отлично... просто часто надо чтоб в разных ориентациях в зависимости от ширины экрана, было разное кол-во колонок. И для таких случаев проценты не работают (либо их самих надо исходя из размеров экрана высчитывать)

По поводу флексов, я только спрошу... у вас в портретной ориентации эта верстка тоже то, что надо даёт? )

* Написал "портретной", а имел ввиду "ландшафтной" конечно же, сорри...

А, отлично... просто часто надо чтоб в разных ориентациях в зависимости от ширины экрана, было разное кол-во колонок. И для таких случаев проценты не работают (либо их самих надо исходя из размеров экрана высчитывать)

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

* Написал "портретной", а имел ввиду "ландшафтной" конечно же, сорри...

да я понял, на обоих норм

?

А metro способен настраивать module aliases?

Подскажите как сделать так. Есть объект result.data = {name: 'Name', surname: 'Surname'} Я могу обращаться так result.data.name А как можно сделать такое Вот есть например переменная prop = 'name'; Как мне обратиться к объекту типа так `result.data.{prop}` ?

Подскажите как сделать так. Есть объект result.data = {name: 'Name', surname: 'Surname'} Я могу обращаться так result.data.name А как можно сделать такое Вот есть например переменная prop = 'name'; Как мне обратиться к объекту типа так `result.data.{prop}` ?

result.data[prop]

result.data[prop]

Спасибо!

Всем привет! Встречался кто-нибудь с такой проблемой, что приложуха начала вести себя ооооочень медленно, девелоперское меню на иос не закрывается, алерты не закрываются?

react-intl-universal locales data "null" not exists. у кого нибудь было? локали не грузятся до совершения какого-нибудь действия

Всем привет! Встречался кто-нибудь с такой проблемой, что приложуха начала вести себя ооооочень медленно, девелоперское меню на иос не закрывается, алерты не закрываются?

происходит на симуляторе или девайсе?

происходит на симуляторе или девайсе?

на симуляторе iphone x

нужно выключить режим дебага анимации

Debug -> Toggle Slow Animations

нужно выключить режим дебага анимации

Спасибо огромное! ?

;)

привет всем. подскажите плз ресурсы кроме офф доков от фейсбука для взаимодействия react-native кода со свифтовыми модулями?

привет всем. подскажите плз ресурсы кроме офф доков от фейсбука для взаимодействия react-native кода со свифтовыми модулями?

не свифт, но все же https://medium.com/@kureevalexey/how-to-create-you-own-native-bridge-93a8d4a40bd2

не свифт, но все же https://medium.com/@kureevalexey/how-to-create-you-own-native-bridge-93a8d4a40bd2

Спасибо )

привет всем. подскажите плз ресурсы кроме офф доков от фейсбука для взаимодействия react-native кода со свифтовыми модулями?

Может EventEmitter + RCT_EXTERN_METHOD

Ребят вопрос нужно сделать аналог нативного трекинга для геолокации типа компас со стрелкой которая в риалтайме крутится кто что то юзал подобное ? Спасибо ЗЫ заюзали https://github.com/vnil/react-native-simple-compass но там нет такого функционала Спасибо