кросплатформенность - основная фишка

ну и фактически ты убиваешь дофига зайцев веб десктоп и тд тп

Да, но как чувствовался переход с веба в мобилку? Просто я ищу плюсы и минусы в переходе с веба на реактнатив

+ есть новые АПИ - нет многих знакомых АПИ и верстать менее удобно

+ есть новые АПИ - нет многих знакомых АПИ и верстать менее удобно

Относительно веба или относительно кордовы/нативной разработки?

лол плюсы и минусы?))))

веб это веб

мобилка это мобилка

Я спрашиваю про переход, а не отличии веба от мобилки)

Понятно, что это разные сферы Но как чувствует себя разработчик при переходе?

Прости но уж очень странно звучало) "Просто я ищу плюсы и минусы в переходе с веба на реактнатив"

Относительно веба или относительно кордовы/нативной разработки?

Относительно веба/кордовы.

Прости но уж очень странно звучало) "Просто я ищу плюсы и минусы в переходе с веба на реактнатив"

Да бывает) Написал очень буквально

Просто я занимаюсь вебом, а сейчас пришел оффер на реактнатив

Вот думаю на годик попробовать

Но сомневаюсь

на самом деле пацаны из фейсбука сейчас потеют что бы реакт натив был похож на реакт 1 в 1 и было меньше различий между ними

конечно будут какието своеобразные фишки

я просто сразу с native начал

не был в реакте

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

Хм Может стоит попробовать с пет-проекта

но все равно придется учить нативные языки и сдк платформ

хотя бы на базовом уровне

это да

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

на Дарте)

но все равно придется учить нативные языки и сдк платформ

Т.е. разработка на реакте не на 100% кроссплатформенная? Типа xamarin? Или все-таки можно только на реакте делать?

ну ios android

Т.е. разработка на реакте не на 100% кроссплатформенная? Типа xamarin? Или все-таки можно только на реакте делать?

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

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

Хм, интересно) Руки чешутся попробовать

Ещё одна крупная компания перешла на React Native http://artsy.github.io/blog/2016/08/15/React-Native-at-Artsy/

Привет! Я из Минска, iOS Software Engineer в MSQRD @ Facebook. Узнал про группу из CocoaHeads Belarus, @DenisIzmaylov запостил в комментах. Обмен знаниями — польза сообществу/мне.

https://www.toptal.com/mobile/comparing-react-native-to-cordova

доброго времени суток, есть ли в сети сравнение xamarin и react native? И что вы думаете на этот счет?

доброго времени суток, есть ли в сети сравнение xamarin и react native? И что вы думаете на этот счет?

она ж JS не поддерживает...

https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0#.5kaa71hwm Дэн Абрамов тут придерживается тактики dumb и smart components, что в принципе здорово, то есть изолировать smart компоненты от всех простейших элементов, а что насчет react-native, могу ли я отнести к простейшим элементам все элементы, которые уже есть по умолчанию в react-native, оставив шанс на жизнь только для <View> (аналог <div> для web), то есть фактически наделив разметку контейнера более логической версткой? в прошлом проекте я так и поступил, а сейчас вот решил спросить, все ли так делают или это неэффективно в чем-то?

доброго времени суток, есть ли в сети сравнение xamarin и react native? И что вы думаете на этот счет?

Мне тоже это интересно.

https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0#.5kaa71hwm Дэн Абрамов тут придерживается тактики dumb и smart components, что в принципе здорово, то есть изолировать smart компоненты от всех простейших элементов, а что насчет react-native, могу ли я отнести к простейшим элементам все элементы, которые уже есть по умолчанию в react-native, оставив шанс на жизнь только для <View> (аналог <div> для web), то есть фактически наделив разметку контейнера более логической версткой? в прошлом проекте я так и поступил, а сейчас вот решил спросить, все ли так делают или это неэффективно в чем-то?

Вопрос не понял )

доброго времени суток, есть ли в сети сравнение xamarin и react native? И что вы думаете на этот счет?

был опыт с xamarin в 2015, xamarin — это тормозное нечто! если вы пишите на Xamarin.Forms, то всё кончится биндингами в Xamarin.Android/Xamarin.iOS, для оптимизации ваших контролов, да и даже в таком случае ваше приложение не будет напоминать ничего более серьезного, чем банальный proof-of-concept, также писали один проект на Xamarin.iOS, какой в этом смысл был я так и не уловил, но раз надо, то надо, по итоге получаем 40мб вести билд приложения (из-за каких-то внутренних конфликтов линковщика с зависимостями сильнее ужать не вышло), а в довесок к этим 40мб получаем еще около 25мб для Mono.SharedRuntime! и зачем весь этот ужас? это не кроссплатформенность, а кросскостыльность какая-то получается! к слову в 2015 мы платили по 100$ в месяц за возможность юзать этот фреймворк, а в 2016 до них дошло, что они уже никому не нужны и сделались бесплатными, к слову такое мнение сложилось не только у меня одного, я зимой на это проект искал другого разработчика, нашел с 4-х летним стажем и он мне собственно и рассказал всю правду, что Xamarin — это скорее демо на коленке для mvp, а в конечном итоге всё равно они переписывали всё нативно на родные языки. вот

Вопрос не понял )

окей, я днем скину gist с конкретным примером, попробуем снова :)

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

был опыт с xamarin в 2015, xamarin — это тормозное нечто! если вы пишите на Xamarin.Forms, то всё кончится биндингами в Xamarin.Android/Xamarin.iOS, для оптимизации ваших контролов, да и даже в таком случае ваше приложение не будет напоминать ничего более серьезного, чем банальный proof-of-concept, также писали один проект на Xamarin.iOS, какой в этом смысл был я так и не уловил, но раз надо, то надо, по итоге получаем 40мб вести билд приложения (из-за каких-то внутренних конфликтов линковщика с зависимостями сильнее ужать не вышло), а в довесок к этим 40мб получаем еще около 25мб для Mono.SharedRuntime! и зачем весь этот ужас? это не кроссплатформенность, а кросскостыльность какая-то получается! к слову в 2015 мы платили по 100$ в месяц за возможность юзать этот фреймворк, а в 2016 до них дошло, что они уже никому не нужны и сделались бесплатными, к слову такое мнение сложилось не только у меня одного, я зимой на это проект искал другого разработчика, нашел с 4-х летним стажем и он мне собственно и рассказал всю правду, что Xamarin — это скорее демо на коленке для mvp, а в конечном итоге всё равно они переписывали всё нативно на родные языки. вот

Я слышал только положительные отзывы о xamarin. Спасибо

С реактом тоже все не так просто, как может показаться... JS реализации часто очень тормозные. Пока это ходьба по минному полю

Я пару раз покрутил в руках Xamarin и что-то не в восторге. Не стоит исключать способ разработки, конечно, но впечатления сложилось такое тем не менее.

Я пару раз покрутил в руках Xamarin и что-то не в восторге. Не стоит исключать способ разработки, конечно, но впечатления сложилось такое тем не менее.

Тоже

всем привет. небольшой глупый вопрос по react-native-router-flux вот у меня есть роутинг: <Scene key="app" navigationBarStyle={styles.container}> <Scene key="splash" component={SplashContainer} hideNavBar={true} initial={true} /> <Scene key="catalogs" component={CatalogsContainer} > <Scene key="main" component={HomeScene} hideNavBar={true} /> <Scene key="catalog" component={HomeScene} hideNavBar={true}/> ... я нахожусь в main. Там у меня есть кнопка с кодом: import { Actions, ActionConst } from 'react-native-router-flux'; ... <TouchableOpacity style={styles.catalog} key={companyId + '_' + sectionId + '_' + catalogId} onPress={()=> { Actions.catalog({companyId, sectionId, catalogId, type: ActionConst.PUSH}) }}> Проблема: при её нажатии происходит ничего. Вообще ничего. ЧЯДНТ?

Я знаю что и у main и у catalog у обеих component={HomeScene} но в пропсах именно sceneKey не меняется с main на catalog, и не проходят параметры из Actions.catalog({companyId, sectionId, catalogId

помогите, пожалуйста, второй день голову ломаю.

Недавно пришлось перейти с mac на windows. При компиляции очень часто выходит такая штука. Кто знает, помогите, пожалуйста

Недавно пришлось перейти с mac на windows. При компиляции очень часто выходит такая штука. Кто знает, помогите, пожалуйста

С пакеджером проблема, смотри какую ошибку он пишет в терминале и гугли её

скорей брендмауэр блокирует

скорей брендмауэр блокирует

Да не, там пэкеджер 500 вернул. Блокировал бы брендмауэр, был бы request timeout

всем привет. небольшой глупый вопрос по react-native-router-flux вот у меня есть роутинг: <Scene key="app" navigationBarStyle={styles.container}> <Scene key="splash" component={SplashContainer} hideNavBar={true} initial={true} /> <Scene key="catalogs" component={CatalogsContainer} > <Scene key="main" component={HomeScene} hideNavBar={true} /> <Scene key="catalog" component={HomeScene} hideNavBar={true}/> ... я нахожусь в main. Там у меня есть кнопка с кодом: import { Actions, ActionConst } from 'react-native-router-flux'; ... <TouchableOpacity style={styles.catalog} key={companyId + '_' + sectionId + '_' + catalogId} onPress={()=> { Actions.catalog({companyId, sectionId, catalogId, type: ActionConst.PUSH}) }}> Проблема: при её нажатии происходит ничего. Вообще ничего. ЧЯДНТ?

У меня небыло вложеных сцен, но как я понял из доки https://github.com/aksonov/react-native-router-flux/blob/master/docs/OTHER_INFO.md#sub-scenes-support в них не должно быть Компонентов. Попробуй: <Scene key="catalog" component={HomeScene} hideNavBar={true}/> вынести выше, из родительской сцены, чтобы оно было Чайлдом от Рута

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

т.е. есть контейнер, в нем Drawer (в CatalogsContainer), в нем странички. И вот хотелось бы, чтобы по роутингу менялись странички в нем, но сам этот контейнер оставался

<Scene key="app" navigationBarStyle={styles.container}> <Scene key="main" component={CatalogsContainer} > <Scene key="catalog" component={RecordsScene} hideNavBar={true} type={ActionConst.PUSH} /> <Scene key="history" component={HistoryScene} hideNavBar={true} type={ActionConst.PUSH} /> </Scene> т.е. условно в CatalogsContainer кнопочки для переходов между catalog и history

но сам CatalogsContainer не охото перерендеривать

подскажите пожалуйста чат по Meteor

У меня небыло вложеных сцен, но как я понял из доки https://github.com/aksonov/react-native-router-flux/blob/master/docs/OTHER_INFO.md#sub-scenes-support в них не должно быть Компонентов. Попробуй: <Scene key="catalog" component={HomeScene} hideNavBar={true}/> вынести выше, из родительской сцены, чтобы оно было Чайлдом от Рута

Спасибо, пока нашел обходной путь.

но сам CatalogsContainer не охото перерендеривать

Делал такое. Контейнер объявляешь как таб-бар и скрываешь его. <Scene key="main" tabs tabBarHidden> Дочерние контейнеры не перезагружаются в этом случае. При переклчении сцен всё остается, скролл на прежней позиции и т.д.

Спасибо!

Ребят, посоветуйте пожалуйста годную статейку по подключению(бриджыванию) модулей. Вот такой если что - https://github.com/romaonthego/RESideMenu .

Ребят, посоветуйте пожалуйста годную статейку по подключению(бриджыванию) модулей. Вот такой если что - https://github.com/romaonthego/RESideMenu .

Я так понимаю, что это вы уже читали? https://facebook.github.io/react-native/docs/native-components-ios.html

Ребят, посоветуйте пожалуйста годную статейку по подключению(бриджыванию) модулей. Вот такой если что - https://github.com/romaonthego/RESideMenu .

Компонент офигенный, поставил звёздочку :)

Я так понимаю, что это вы уже читали? https://facebook.github.io/react-native/docs/native-components-ios.html

Просматривал, сейчас стоит задача реализовать фичу, может кому то попадался подробный гайд по имплементации подобного)

https://gist.github.com/gHashTag/402d74cbcda6d3e403d6b711a47497d3

Все сделал как как в мануале: https://github.com/lelandrichardson/react-native-maps

https://gist.github.com/gHashTag/402d74cbcda6d3e403d6b711a47497d3

Если делать через классы (extends Component), то нужно использовать конструктор вместо getInitialState

Если делать через классы (extends Component), то нужно использовать конструктор вместо getInitialState

Где по этой теме почитать?

Где по этой теме почитать?

https://facebook.github.io/react/docs/reusable-components.html#es6-classes

https://facebook.github.io/react/docs/reusable-components.html#es6-classes

Правильно ли я понял, что в конструкторе всегда прописывается сценарий начального состояния компонента?

Правильно ли я понял, что в конструкторе всегда прописывается сценарий начального состояния компонента?

Да, если используются ES6 классы, то начальное значение state прописывается в констукторе.

можно не в конуструкторе кстати

а прям в классе писать state = { }

а прям в классе писать state = { }

что в state завернуть?

// The ES6+ way class Video extends React.Component { static defaultProps = { autoPlay: false, maxLoops: 10, } static propTypes = { autoPlay: React.PropTypes.bool.isRequired, maxLoops: React.PropTypes.number.isRequired, posterFrameSrc: React.PropTypes.string.isRequired, videoSrc: React.PropTypes.string.isRequired, } state = { loopsRemaining: this.props.maxLoops, } }

и биндинг в конструкторе тоже не нужен просто пишите вот так class PostInfo extends React.Component { handleOptionsButtonClick = (e) => { this.setState({showOptionsModal: true}); } }

и биндинг в конструкторе тоже не нужен просто пишите вот так class PostInfo extends React.Component { handleOptionsButtonClick = (e) => { this.setState({showOptionsModal: true}); } }

не писать? export default

Денис, про биндинги, наверное, рано еще ему

не есть мода в конструкторе переприсваивать метод с добавлением .bind(this)

столько уже вопросов на StackOverflow порешал вот этой статьёй https://daveceddia.com/avoid-bind-when-passing-props/

Тут многие используют react-native-router-flux, как вы делаете pop to root component? Когда надо несколько сцен отлистать назад сразу. До самой первой

Actions.main({type: ActionConst.POP_TO}) не работает

// The ES6+ way class Video extends React.Component { static defaultProps = { autoPlay: false, maxLoops: 10, } static propTypes = { autoPlay: React.PropTypes.bool.isRequired, maxLoops: React.PropTypes.number.isRequired, posterFrameSrc: React.PropTypes.string.isRequired, videoSrc: React.PropTypes.string.isRequired, } state = { loopsRemaining: this.props.maxLoops, } }

export default class Map extends Component { state = { region: { latitude: 37.78825, longitude: -122.4324, latitudeDelta: 0.0922, longitudeDelta: 0.0421 } } } onRegionChange (region) { this.setState({region}) } render () { return ( <MapView region={this.state.region} onRegionChange={this.onRegionChange} /> ) } } Что не так?

всё норм!