Профилирование в рн ща вообще хромает (

+ как собсно и дебаг из-за кривых сорсмапов

А что не так с соурсмэпами?

А что не так с соурсмэпами?

не везде бряки ставятся например

приходится вставлять debugger везде

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

ты щелкаешь f8

потом понимаешь что проще удалить

ищешь, удаляешь, ждешь когда приложение пролагает и запустится

А что не так с соурсмэпами?

вот ты на каждой строчке можешь брейкпоинт поставить?

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

eslint это ловит

eslint это ловит

При yarn start он не запускает еслинт, а при пуше я не чекаю еслинт

Вот так эта хрень попадает в ветки

При yarn start он не запускает еслинт, а при пуше я не чекаю еслинт

¯\_(ツ)_/¯

Настрой и не жалуйся

Настрой и не жалуйся

Суть не в том

Сообщения прочитай, потом говори

Сообщения прочитай, потом говори

Ок

вот ты на каждой строчке можешь брейкпоинт поставить?

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

Привет всем, подскажите что я делаю не так, создал пустой массив players, добавляю в него итемы и передаю этот массив в FlatList, так вот если массив пустой то он не отображает новые добавленные итемы, но если там есть хоть одно значение то всё работает ок, вот ключевые моменты кода как сейчас всё устроено: https://gist.github.com/anonymous/6d7e930af3dd2f4472478edb6c9b10c8

во первых не мутируй стейт так this.state.players.push

Хм, а как лучше? Других вариантов просто не знаю

this.setState({players: [...this.state.players, {name: this.state.name, score: 500, id: this.state.players.length + 1}]})

только через setState

https://facebook.github.io/react-native/docs/flatlist.html#extradata

Кто-нибудь интегрировал rn с нативными андроид аппками?

кто-нибудь использует universal links? В ios 11 у вас работают?

Утра доброго

this.setState({players: [...this.state.players, {name: this.state.name, score: 500, id: this.state.players.length + 1}]})

Если так не нравится, то хотябы так const {players, name} = this.state; players.push({name: name, score: 500, id: players.length + 1}); this.setState({players});

так даже лучше. гг

так даже лучше. гг

Спасибо, а чем плох мой вариант?

https://facebook.github.io/react/docs/state-and-lifecycle.html#using-state-correctly

Do Not Modify State Directly

https://facebook.github.io/react/docs/state-and-lifecycle.html#using-state-correctly

Спасибо за ссылку

так даже лучше. гг

что-то мне подсказывает что не лучше. players.push - и есть "прямое" изменение стейта

Ну вот да, без пуша надо. Ты абсолютно прав

this.setState({players: [...this.state.players, {name: this.state.name, score: 500, id: this.state.players.length + 1}]})

Данный вариент работает, спасибо.

Но тогда другой вопрос почему если мой массив был не пустым при инициализвации, то даже вариаент с push работал?

Та фиг его знает ? Но разбираться в этом мало смысла. Так как этот вариант не правильных, хоть и работает.

ребят, а кто как решил проблему с динамическими шрифтами? например, пользователь в настройках айфона увеличил шрифты, или уменьшил, и весь дизайн рушится

ребят, а кто как решил проблему с динамическими шрифтами? например, пользователь в настройках айфона увеличил шрифты, или уменьшил, и весь дизайн рушится

можно scale отключить: Text.defaultProps.allowFontScaling=false

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

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

чем?)

constraints

например

очень сильный тул

ну такое, это просто другой подход

ну флексбокс слабее

я бы так не сказал

что может автолэйаут чего не может флексбокс?

ну я спорить не буду. Обы инструмента работают. Но вот именно адаптивные части делать удобнее, даже не столько удобнее, сколько понятнее и очевиднее. Да, у флексбокса есть трюк с margin-[left|rigth]: auto. Но сколько людей о нем знает? есть self-align но он тоже не всегда очевидно работает. Ну то есть если ты хорошо знаешь флексбокс - то они наверно равны.

как-то так

ну я спорить не буду. Обы инструмента работают. Но вот именно адаптивные части делать удобнее, даже не столько удобнее, сколько понятнее и очевиднее. Да, у флексбокса есть трюк с margin-[left|rigth]: auto. Но сколько людей о нем знает? есть self-align но он тоже не всегда очевидно работает. Ну то есть если ты хорошо знаешь флексбокс - то они наверно равны.

что за трюк?

автолэйаут тоже нифига не очевидный, его долго раскуривать надо

что за трюк?

если тебе надо айтемы раскидать по разным сторонам например |item1 item2 item3 item4 item5| То для item4 можно задать margin-left: auto и он и последующие прибьются к концу строки

а если ему flex: 1 задать разве не то же самое?

неа

он не будет растянут

например если у айтемов есть бэк

если тебе надо айтемы раскидать по разным сторонам например |item1 item2 item3 item4 item5| То для item4 можно задать margin-left: auto и он и последующие прибьются к концу строки

а теперь тоже самое на автолейауте плиз ?

Кирилл https://habrahabr.ru/post/329820/ Margin обладает особыми силами

Кирилл https://habrahabr.ru/post/329820/ Margin обладает особыми силами

прикольно, спасибо)

если тебе надо айтемы раскидать по разным сторонам например |item1 item2 item3 item4 item5| То для item4 можно задать margin-left: auto и он и последующие прибьются к концу строки

можно между 3 и 4 View flex: 1 вонзить)

Парни, в нативной аппке нужно отобразить несколько RN бандлов на одной активности. Создаю для этого несколько react root view и указываю там имя бандла и appregesty из него. Если я сделаю в одном бандле несколько appregistry, то все будет работать и отображать разные компоненты, в зависимости от указанного в appregistry класса, но если я указываю в react root view другой нужный мне бандл, аппка падает. Кто-нибудь знает в чем может быть проблема?

Ну я пытался максимально понятно объяснить

объяснил вроде понятно. Но зачем? ?

Так нужно

я думаю такое поведение не предусмотрено

но это не точно

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

https://blog.bam.tech/developper-news/10-tips-to-integrate-react-native-in-an-existing-application Пункт 9, не про твою ситуацию?

https://blog.bam.tech/developper-news/10-tips-to-integrate-react-native-in-an-existing-application Пункт 9, не про твою ситуацию?

Да, так работает, но тут один бандл в котором разные appregestry, а мне нужно, чтобы бандлы были разные

Т.е. 2 rn проекта в одном нативном приложении?

Да

Т. Е. Я при запуске передаю в react root view react instance manager. В нем же я и указываю имя основного js файла

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

ребят, а кто как решил проблему с динамическими шрифтами? например, пользователь в настройках айфона увеличил шрифты, или уменьшил, и весь дизайн рушится

Это не проблема тк привязывать элементы к фиксированным текстам - очень редкое дизайнерское решение

Как бороться с этим в RN "../../../i18n/ru";?

Тут же вебпака нету, вот не могу придумать

Тут же вебпака нету, вот не могу придумать

есть бабель, а у бабеля есть алиасы

Спасибо

https://github.com/tleunen/babel-plugin-module-resolver эта штука?

Нашёл довльно таки много пакетов

Это не проблема тк привязывать элементы к фиксированным текстам - очень редкое дизайнерское решение

редкое? В хорошем мире живете ?