спасибо, закрыло очень много вопросов )

официальный Human Interface Guidelines идет без размеров ?

аддоны же сам satya и пилил вроде

Пилил, но обновлять их, а тем более задумываться о редуксе он видимо не запаривается

Пилил, но обновлять их, а тем более задумываться о редуксе он видимо не запаривается

я к тому что satya в основную репу контрибутит, а аддоны делал для экспериментов, пока в основную репу идеи не перекочуют

Я так понял я не могу заанимировать svg path чтоб одна форма перешла в другую

а могу ли я юзать гифки

но как бы указывая скорость с которой нужно запускать

и кадры

или что то подобное

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

нет

он перерендеривает только тогда, если props и nextProps не shallowEqual

он перерендеривает только тогда, если props и nextProps не shallowEqual

ну просили очень кротко )

но просили верно

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

а это не верно. Рендер у него такой же как у об.компонентов

Я бы поспорил, в аналогичности твой и моей фразы.

го)

а то истина останется скрытой

немного отвлечение от темы канала )

ладн

https://stackoverflow.com/questions/41340697/react-component-vs-react-purecomponent

но вот тут, вроде, подробно описано

все, простите за спам.

React.PureComponent в Native нету ?

вроде есть

это же не из rn

а просто из react-а

пока что не совсем понимаю как это в rn работает

используется

PureComponent - это из React. И он отлично работает с RN

я знаю 4, react-navigation, react-native-navigation, native-navigation, NavigatorIOS. Может еще подкинете)

Rr4 как ни странно) все хочу покатать попробовать, руки не доходят)

Объясните неандертальцу что значит dropped so far, в окне фпса

Объясните неандертальцу что значит dropped so far, в окне фпса

Это режим show fps на андроиде

А все, это сброшенные кадры

Что то наподобие Wine, но для запуска OS/2 программ на Linux, например xCode. Пока только Hello World https://hg.icculus.org/icculus/2ine/

Ребят всем привет , здесь кто-то шарит в кишках реак нэйтива ? Интересует как происходит рендеринг , кто отвечает за изменение состояния нативных вьюшек , как рассчитывается то какие вьюхи нужно обновить. Или кто может сталкивался с похожей проблемой: меняется свойство реакт компонента , сначала он рисовал картинку , а затем метод, после изменения свойства , render возвращает null из за чего картинка должна исчезнуть , но она не исчезает( на андройде) ?

Ребят всем привет , здесь кто-то шарит в кишках реак нэйтива ? Интересует как происходит рендеринг , кто отвечает за изменение состояния нативных вьюшек , как рассчитывается то какие вьюхи нужно обновить. Или кто может сталкивался с похожей проблемой: меняется свойство реакт компонента , сначала он рисовал картинку , а затем метод, после изменения свойства , render возвращает null из за чего картинка должна исчезнуть , но она не исчезает( на андройде) ?

привет, честно скажу что не видел кишки RN, но в целом реакт сам по себе не рендерит - рендерят либы типа react-dom, react-native, react-test-renderer Когда ты что-то возвращаешь из метода render, то обновляется дерево react element'ов(aka виртуальный DOM, который на самом деле не DOM). render'ы компонентов могут происходит много-много раз и при этом интерфейс не изменится, пока реакт не посчитает нужным. За это отвечает алгоритм reconciliation, его текущая версия называется fiber, он основываясь на эвристиках в подходящий момент времени вычислит нужный диф и вызывает настоящий рендерер

привет, честно скажу что не видел кишки RN, но в целом реакт сам по себе не рендерит - рендерят либы типа react-dom, react-native, react-test-renderer Когда ты что-то возвращаешь из метода render, то обновляется дерево react element'ов(aka виртуальный DOM, который на самом деле не DOM). render'ы компонентов могут происходит много-много раз и при этом интерфейс не изменится, пока реакт не посчитает нужным. За это отвечает алгоритм reconciliation, его текущая версия называется fiber, он основываясь на эвристиках в подходящий момент времени вычислит нужный диф и вызывает настоящий рендерер

спасибо за информацию :)

Всем привет! Есть такой вопрос: Дано: react-native-router-flux с навигацией по табам. На каждой сцене (или стэке?) основной нужны разные хидеры. Как лучше всего реализовать?

Видимо navBar  на сцене по эту душу

Но вопрос всё ещё актуален, если кто-то решал подобное!

емнип под капотом react-navigation, а значит у табов убрать хэдер, а в каждой сцене вставить свой стэк

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

Хочу сделать что-то типа такого <Text><Translate>SignInScreen.SignInTitle</Translate></Text>

емнип под капотом react-navigation, а значит у табов убрать хэдер, а в каждой сцене вставить свой стэк

вроде у 4 версии только react navigation

Хочу сделать что-то типа такого <Text><Translate>SignInScreen.SignInTitle</Translate></Text>

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

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

Повсюду надо эту функцию юзать. А я в нее прокидываю текущий язык из стора, чтобы иметь возможность менять язык динамически

Но я с rn 3 дня как работаю, идеи получше приветствуются

Никогда не мог понять смысла менять язык на лету

Повсюду надо эту функцию юзать. А я в нее прокидываю текущий язык из стора, чтобы иметь возможность менять язык динамически

можно же рендерить в своей компоненте текст как LocalizedString(children, language)) || children

и если есть локаль отрендерит перевод, нету - шаблон

ну, это совсем деревянный пример на лету

Всем привет! Есть такой вопрос: Дано: react-native-router-flux с навигацией по табам. На каждой сцене (или стэке?) основной нужны разные хидеры. Как лучше всего реализовать?

https://github.com/aksonov/react-native-router-flux/blob/master/Example/components/CustomNavBar.js В общем всё как обычно лежит там, где оно должно лежать. Компонент прокидывать в navBar у Scene

можно же рендерить в своей компоненте текст как LocalizedString(children, language)) || children

Что есть LocalizedString?

Что есть LocalizedString?

const LocalizedString = (keyPath, language) => I18n.t(keyPath, { locale: language })

например так

https://github.com/AlexanderZaytsev/react-native-i18n

например так

Ну дык все равно придется прокидывать язык во все компоненты, разве нет?

Я как раз i18n и юзаю

Не понял, чтобы использовать разные локализации, здесь библой принято пользоваться? )))

Я как раз i18n и юзаю

mapStateToProps для контейнера с локализованным текстом?

mapStateToProps для контейнера с локализованным текстом?

🤔 то есть, контейнер будет только нужные строки передавать? Чет как-то не очень распределение ролей, как по мне

сделать 1 компонент это как раз реакт вей

сделать 1 компонент это как раз реакт вей

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

Повсюду надо эту функцию юзать. А я в нее прокидываю текущий язык из стора, чтобы иметь возможность менять язык динамически

👆так вот же сами и написали

const Translate = ({ text }) => <Text>{text}</Text>; connect()(Translate); или я чет не понял

ну да)

А можно как-то избавиться от relative путей для имейджей в RN? source={require('../../../assets/images/icon-settings.png')} напрягает так писать

А можно как-то избавиться от relative путей для имейджей в RN? source={require('../../../assets/images/icon-settings.png')} напрягает так писать

https://github.com/tleunen/babel-plugin-module-resolver

const Translate = ({ text }) => <Text>{text}</Text>; connect()(Translate); или я чет не понял

🤔этот компонент теперь надо теперь юзать вместо Text. А я хочу такой же, но чтобы вставлять внутрь Text.

странное желание

const Translate = ({ text }) => <Text>{text}</Text>; connect()(Translate); или я чет не понял

+, я что-то подобное и имел ввиду, только text = результат локализации

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

там скорее всего проверка чилдренов на стринг идет, так что вряд ли получится

🤔этот компонент теперь надо теперь юзать вместо Text. А я хочу такой же, но чтобы вставлять внутрь Text.

это нормальная практика, так делают, например, чтобы менять шрифт по умолчанию

https://github.com/tleunen/babel-plugin-module-resolver

Оказывается всё это есть в проекте 😑

Кто подскажет? Есть страница с шапкой (довольно массивной) и FlatList'ом. Мне нужно прикрепить эту шапку к скролу FlatList'а. ListHeaderComponent использовать для этого случая не хочу, так как лагать рендер будет. Нужно что то типа CoordinatorLayout (как в андроиде)

https://github.com/tleunen/babel-plugin-module-resolver

А нет под рукой конфига какого-нибудь для него? У меня что-то пытается резолвить из /node_modules/react-native/src/assets/images/ Хотя стоит так всё: "plugins": [ [ "module-resolver", { "root": ["./src"], "alias": { "@images": "./src/assets/images" }, "extensions": [".js", ".ios.js", ".android.js"] } ] ]

<Image style={{ width: 17.5, height: 17.5 }} source={require('@images/icon-settings.png')} />