Как сделать при каждом новом вызове counter + 1 state = { count: 0 } static getDerivedStateFromProps(nextProps, prevState) { if (prevState.counter > nextProps.maxCount) { return { counter: prevState.counter + 1 } } return null } componentDidMount() { this.timer = setInterval(() => this.props.getTickers(), 5000) }

И оно правильно работает?

И оно правильно работает?

нет ) иначе бы не спросил

А... я думал это рецепт и очень удивился, сорри... а что конкретно надо? В смысле что под "каждым новым вызовом" подразумевается?

И оно правильно работает?

state = { count: 0 } componentDidMount() { this.timer = setInterval(() => this.props.getTickers(), 5000) this.setState({ count: this.state.count + 1 }) } нужно считать каждый setInterval как это реализовать?

На чистом реакт (этих примеров полно в вебе должно быть... они вроде любят на часах туториалы делать): class Comp extends React.Component { state = { count: 0 } timer = undefined componentDidMount() { this.timer = setInterval(() => { if (this.state.counter >= this.props.maxCounter) return const counter = this.state.counter + 1 this.setState({ counter }) }, 5000) } componentWillUnmount() { if (this.timer) clearInterval(this.timer) } }

Если counter где-то ещё модифицироваться может, то сложней, надо в setState коллбэк отправлять, который его апдейтит. Это в доках по реакту есть.

Мы т.к. mobx используем, склонны сейчас вообще стейт не использовать. Для сравнения: @observer class Comp extends React.Component { @observable counter: number = 0 timer: any = undfined componentDidMount() { this.timer = setInterval(() => { if (this.counter >= this.props.maxCounter) return this.counter = this.counter + 1 // вот здесь код получается понятней и проще. он синхронный и нет странных мерджей объектов, т.е. мы просто модифицируем св-во }, 5000) } componentWillUnmount() { if (this.timer) clearInterval(this.timer) } }

На чистом реакт (этих примеров полно в вебе должно быть... они вроде любят на часах туториалы делать): class Comp extends React.Component { state = { count: 0 } timer = undefined componentDidMount() { this.timer = setInterval(() => { if (this.state.counter >= this.props.maxCounter) return const counter = this.state.counter + 1 this.setState({ counter }) }, 5000) } componentWillUnmount() { if (this.timer) clearInterval(this.timer) } }

componentDidUnmount ?

componentDidUnmount ?

componentWillUnmount конечно же, сорри

Исправил

можно и так this.timer = setInterval(() => { this.setState( ({counter}) => counter <= this.props.maxCounter ? {counter: counter + 1} : undefined ); }, 5000);

вернее нужно, если там не 5000 мс, а 50

можно и так this.timer = setInterval(() => { this.setState( ({counter}) => counter <= this.props.maxCounter ? {counter: counter + 1} : undefined ); }, 5000);

@gblack9 всем спасибо ??

можно и так this.timer = setInterval(() => { this.setState( ({counter}) => counter <= this.props.maxCounter ? {counter: counter + 1} : undefined ); }, 5000);

Ага )) И вот это уже можно с простотой кода в mobx сравнивать )))))

Ага )) И вот это уже можно с простотой кода в mobx сравнивать )))))

mobx не нужно, когда есть rx

)00)0

mobx не нужно, когда есть rx

Я честно говоря про него только слышал и открывал главную страницу проекта... а можете этот же пример с его использованием сделать?

https://github.com/redux-observable/redux-observable

если говорить про redux

Я честно говоря про него только слышал и открывал главную страницу проекта... а можете этот же пример с его использованием сделать?

а так, масса приложений, как у любой имплементации rx. rxswift не юзали?

а так, масса приложений, как у любой имплементации rx. rxswift не юзали?

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

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

вам не казалось, так и есть.

https://www.youtube.com/watch?v=R4sTvHXkToQ что mobx что rx это про frp. меня этот доклад отчасти вдохновил к изучению rxjava...

На чистом реакт (этих примеров полно в вебе должно быть... они вроде любят на часах туториалы делать): class Comp extends React.Component { state = { count: 0 } timer = undefined componentDidMount() { this.timer = setInterval(() => { if (this.state.counter >= this.props.maxCounter) return const counter = this.state.counter + 1 this.setState({ counter }) }, 5000) } componentWillUnmount() { if (this.timer) clearInterval(this.timer) } }

Когда с таба перехожу на другой таб(react-navigaton), как остановить счетчик?

Когда с таба перехожу на другой таб(react-navigaton), как остановить счетчик?

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

Когда с таба перехожу на другой таб(react-navigaton), как остановить счетчик?

у скринов есть свои хуки

у скринов есть свои хуки

подробней можно?

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

const didBlurSubscription = this.props.navigation.addListener( 'didBlur', payload => { console.log('didBlur', payload) } ) didBlurSubscription.remove() вставил в componentDidMount при переходе нет реакции, что не так?

зачем в componentDidMount?

зачем в componentDidMount?

а где ему место?

в поле класса запиши

https://www.youtube.com/watch?v=R4sTvHXkToQ что mobx что rx это про frp. меня этот доклад отчасти вдохновил к изучению rxjava...

обожаю Соловьева! ?

в поле класса запиши

решили) спасибо!

обожаю Соловьева! ?

Ещё бы он не картавил и излагал мысль последовательно

всегда так, или один раз отработало как надо? есть подозрения что sdk считает что уже авторизован и сразу выдает какие-то данные. Может перед/после обращением к fb sdk делать logout?

Всегда так, единственное что щас понял, что если я логинюсь или регистрируюсь от пользователя который админ в дев аккаунте Фейсбука то все ок

При этом приложение в Фейсбуке в лайв моде и у айоса все в порядке

всегда так, или один раз отработало как надо? есть подозрения что sdk считает что уже авторизован и сразу выдает какие-то данные. Может перед/после обращением к fb sdk делать logout?

Мне кажется больше похоже что он не может какие то данные получить вообще в таком случае(если есть прилажка Фейсбука).

Проблема ещё в том что это происходит в бекграунде и в адб ничего не падает

если нет прилодения то все ок?

Если нет прилажки фб то все ок, да

Ребят, помогите разобраться с ошибкой либы react-native-push-notification. https://github.com/zo0r/react-native-push-notification/issues/542 Ловлю в точности такую же ошибку при попытке запустить приложение на андроид девайсе, в эмуляторе почему-то все норм и токен генерируется в поле senderID вставляю цифровой id отправителя из FCM.

Ребят, помогите разобраться с ошибкой либы react-native-push-notification. https://github.com/zo0r/react-native-push-notification/issues/542 Ловлю в точности такую же ошибку при попытке запустить приложение на андроид девайсе, в эмуляторе почему-то все норм и токен генерируется в поле senderID вставляю цифровой id отправителя из FCM.

https://stackoverflow.com/questions/37863106/fcm-getting-mismatchsenderid Мне когда-то этот вопрос помог

https://stackoverflow.com/questions/37863106/fcm-getting-mismatchsenderid Мне когда-то этот вопрос помог

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

Как подрубить поддержку декораторов в react-native, на дефолтном бойлерплейте, тот что с expo, валит ошибки что Can't find variable: Symbol

Ребят, помогите разобраться с ошибкой либы react-native-push-notification. https://github.com/zo0r/react-native-push-notification/issues/542 Ловлю в точности такую же ошибку при попытке запустить приложение на андроид девайсе, в эмуляторе почему-то все норм и токен генерируется в поле senderID вставляю цифровой id отправителя из FCM.

А пробовал дебажить? Что там в senderId приходит?

У меня такое было когда перешли на новый sdk и он немного по другому стал парсить манифест, в который react-native-notifications предлагали захардкодить sender_id Там кажись в итоге не хватало символов

Ну и ты откуда вообще SENDER_ID брал, и брал ли вообще?

Ну и ты откуда вообще SENDER_ID брал, и брал ли вообще?

брал из панели управления firebase cloud messaging и вставил в PushNotification.configure({ ... senderID: "YOUR GCM (OR FCM) SENDER ID", ... })

брал из панели управления firebase cloud messaging и вставил в PushNotification.configure({ ... senderID: "YOUR GCM (OR FCM) SENDER ID", ... })

Тыкни на всякий случай дебаг туда, где появляется этот же (вероятно где-то внутри либы пушей) Но вообще мне кажется косяк с настройкой fcm/gcm какой-то

Тыкни на всякий случай дебаг туда, где появляется этот же (вероятно где-то внутри либы пушей) Но вообще мне кажется косяк с настройкой fcm/gcm какой-то

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

Ребята, добрый день. По какой причине this.props.navigation.push is undefined? Делал console.log(this.props), там функции push тоже нет

а должна быть?

push есть в this.props.navigation только если текущий навигатор - StackNavigator;

import { createDrawerNavigator } from 'react-navigation'; // Components import Menu from '../components/Menu.js'; // Views import ViewOne from '../views/ViewOne.js'; export default createDrawerNavigator({ 'Records': { screen: ViewOne } }, { contentComponent: Menu }); Есть способ воспользоваться методом push в файле Menu?

тут drawer используется нужно обернуть Menu в StackNavigator тогда, по-идее, должен быть push

мы тут про вас выпуск сделали, критика привествуется (но либо в лс, либо в https://t.me/androiddevpodcast)

ERROR: S client not available

https://androiddev.apptractor.ru/android-dev-podkast-70/ Подкаст #70. React Native. Впиливать или выпиливать? Мы обходили стороной вопросы кросс-платформенных фреймворков, но вот настал час для обсуждения одного и самых модных и более-менее стабильных среди своих представителей. Мы пригласили разработчиков с большим стажем. Кто-то пришел из Andorid, кто-то из iOS, а кто-то из веб в мир RN, тем и интереснее получилась беседа. Надеемся, что к концу выпуска, слушатель вместе с ведущими сформирует мнение о RN и будет готов к обсуждению внедрения этого фреймворка на работе. https://facebook.github.io/react-native/ - официальная страница React Native https://reactjs.org/ - React, визуальная основа RN https://t.me/reactnative_ru - русскоговорящее сообщество React Native https://yogalayout.com/ - flexbox в RN https://github.com/google/flexbox-layout - flexbox в Android https://expo.io/ - EXPO https://facebook.github.io/react-native/showcase.html - Подробные примеры, какие приложения используют RN https://clojurescript.org/ - ClojureScript https://flow.org/ - Flow http://potomushto.com/2018/01/25/from-react-to-native.html - мутация react разработчика в native разработчика https://github.com/ptmt/react-native-macos - react native Mac OS https://engineering.udacity.com/react-native-a-retrospective-from-the-mobile-engineering-team-at-udacity-89975d6a8102 - выпиливание RN в Udacity https://medium.com/airbnb-engineering/react-native-at-airbnb-f95aa460be1c - выпиливание RN в AirBnb Конференции: http://appsconf.ru/2018 - AppsConf в Москве 8 и 9 октября https://mobiusconf.com/ - MobiusConf в Москве 8 и 9 декабря

Ребята, привет! Подскажите, пожалуйста, есть у кого-то опыт разработки нативных модулей с "толстыми" вьюхами, включающими в себя много логики, видео, анимации? Под Android вьха работает хорошо, но из ReactNativeActivity есть проблема с перерисовкой всех дочерних вьюх этой вьюхи, проблема с анимациями (глючно отрисовывается). По описанию похоже на https://github.com/facebook/react-native/issues/17968 Я так понимаю, сам по себе реакт перерисовывает вьюхи по необходимости, только при изменении состояния. Но что делать, если нативная вьюха должна перерисовываться чаще? Workaround, описанный в ссылке выше, помог, но на Андроидах 8 снова появилась проблема с перерисовкой -( Может быть есть какие-нибудь еще способы? Версия React Native 0.55.4, сомневаюсь, что обновление поможет... Может были старые версии реакта, на которых перерисовка нативных вьюх работала без проблем? Кто-нибудь сталкивался?

Как в expo разделить android/iOS? Если я хочу сделать разный дизайн для двух платформ

https://androiddev.apptractor.ru/android-dev-podkast-70/ Подкаст #70. React Native. Впиливать или выпиливать? Мы обходили стороной вопросы кросс-платформенных фреймворков, но вот настал час для обсуждения одного и самых модных и более-менее стабильных среди своих представителей. Мы пригласили разработчиков с большим стажем. Кто-то пришел из Andorid, кто-то из iOS, а кто-то из веб в мир RN, тем и интереснее получилась беседа. Надеемся, что к концу выпуска, слушатель вместе с ведущими сформирует мнение о RN и будет готов к обсуждению внедрения этого фреймворка на работе. https://facebook.github.io/react-native/ - официальная страница React Native https://reactjs.org/ - React, визуальная основа RN https://t.me/reactnative_ru - русскоговорящее сообщество React Native https://yogalayout.com/ - flexbox в RN https://github.com/google/flexbox-layout - flexbox в Android https://expo.io/ - EXPO https://facebook.github.io/react-native/showcase.html - Подробные примеры, какие приложения используют RN https://clojurescript.org/ - ClojureScript https://flow.org/ - Flow http://potomushto.com/2018/01/25/from-react-to-native.html - мутация react разработчика в native разработчика https://github.com/ptmt/react-native-macos - react native Mac OS https://engineering.udacity.com/react-native-a-retrospective-from-the-mobile-engineering-team-at-udacity-89975d6a8102 - выпиливание RN в Udacity https://medium.com/airbnb-engineering/react-native-at-airbnb-f95aa460be1c - выпиливание RN в AirBnb Конференции: http://appsconf.ru/2018 - AppsConf в Москве 8 и 9 октября https://mobiusconf.com/ - MobiusConf в Москве 8 и 9 декабря

а 70 подкаста еще нет на itunes(

разбираюсь

господа проптайпсы чем выпиливаете из бандла?

разбираюсь

спс, послушаю)

Товаирищи, наблюдаю проблему когда устанавливается приложение через adb.. на вот таком шаге все подвисает.. :app:installDebug Installing APK 'app-debug.apk' on 'GT-I9505 - 7.1.2' for app:debug иногда висит минуту-две и доходит до конца, иногда висит очень долго один раз из 5-6 попыток устанавливается относительно быстро 10-20 секунд поэтому компиляцию перезапускаю если вижу что подвисло Никто не сталкивался с похожей проблемой? как бы ее победить..кодить неудобно) Спасибо!)

Товаирищи, наблюдаю проблему когда устанавливается приложение через adb.. на вот таком шаге все подвисает.. :app:installDebug Installing APK 'app-debug.apk' on 'GT-I9505 - 7.1.2' for app:debug иногда висит минуту-две и доходит до конца, иногда висит очень долго один раз из 5-6 попыток устанавливается относительно быстро 10-20 секунд поэтому компиляцию перезапускаю если вижу что подвисло Никто не сталкивался с похожей проблемой? как бы ее победить..кодить неудобно) Спасибо!)

Поменяй кабель

Товаирищи, наблюдаю проблему когда устанавливается приложение через adb.. на вот таком шаге все подвисает.. :app:installDebug Installing APK 'app-debug.apk' on 'GT-I9505 - 7.1.2' for app:debug иногда висит минуту-две и доходит до конца, иногда висит очень долго один раз из 5-6 попыток устанавливается относительно быстро 10-20 секунд поэтому компиляцию перезапускаю если вижу что подвисло Никто не сталкивался с похожей проблемой? как бы ее победить..кодить неудобно) Спасибо!)

вот это такое устройство GT-I9505 у меня есть и оно тормозное. а на других устройствах у меня быстро работает

Спасибо, вот кабели разные пробовал..прошивки тоже) а устройство не менял это самсунг S4

Как в expo разделить android/iOS? Если я хочу сделать разный дизайн для двух платформ

component.android.js component.ios.js Различий от обычного RN - 0

господа проптайпсы чем выпиливаете из бандла?

Ничем... просто не используем. Там, где действительно нужны рантайм проверки, их руками пишем - проще и выразительней. Статические проверки - typescript. )

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

вроде prop-types же сепарировался от реакта и ее можно отдельно использовать

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

С внешними библиотеками мы никак не боролись... просто до сих пор не стреляло... Вообще можно разное придумать, на уровне babel, на уровне подмены модуля prop-types, но я бы первым вариантом рассматривал форк/апдейт соотвествующей библиотеки... остальное больше на хак похоже...

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

но чет ошибка всеравно...удивительно хотя бандл вроде не содержит..может кеш еще изучаю

Возможно ли аплоадить файл по ftp с помощью react native?

этот Navigator undefined

хотя делаю reduxify, и сверху него HOC

сам навигатор нормальный ?

никак не могу понять что значит это троеточие ...

Лёгкая недосказанность

никак не могу понять что значит это троеточие ...

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

component.android.js component.ios.js Различий от обычного RN - 0

А где можно посмотреть пример проекта написаного так? А то в гугле забанили да + инфы чёт мало по expo, даже как декораторы настроить фиг найдёшь

А где можно посмотреть пример проекта написаного так? А то в гугле забанили да + инфы чёт мало по expo, даже как декораторы настроить фиг найдёшь

https://facebook.github.io/react-native/docs/platform-specific-code.html#platform-specific-extensions