Anton
чем нативная
Алдар
кросплатформенность - основная фишка
Anton
ну и фактически ты убиваешь дофига зайцев веб десктоп и тд тп
special agent
Да, но как чувствовался переход с веба в мобилку?
Просто я ищу плюсы и минусы в переходе с веба на реактнатив
Alex
+ есть новые АПИ
- нет многих знакомых АПИ и верстать менее удобно
special agent
+ есть новые АПИ
- нет многих знакомых АПИ и верстать менее удобно
Относительно веба или относительно кордовы/нативной разработки?
Anton
лол плюсы и минусы?))))
Anton
веб это веб
Anton
мобилка это мобилка
special agent
Я спрашиваю про переход, а не отличии веба от мобилки)
special agent
Понятно, что это разные сферы
Но как чувствует себя разработчик при переходе?
Anton
Прости но уж очень странно звучало)
"Просто я ищу плюсы и минусы в переходе с веба на реактнатив"
special agent
Прости но уж очень странно звучало)
"Просто я ищу плюсы и минусы в переходе с веба на реактнатив"
Да бывает) Написал очень буквально
special agent
Просто я занимаюсь вебом, а сейчас пришел оффер на реактнатив
special agent
Вот думаю на годик попробовать
special agent
Но сомневаюсь
Anton
на самом деле пацаны из фейсбука сейчас потеют что бы реакт натив был похож на реакт 1 в 1 и было меньше различий между ними
Anton
конечно будут какието своеобразные фишки
Anton
я просто сразу с native начал
Anton
не был в реакте
Anton
вот только недавно попробовал и скажу что разобраться теперь в нем легче
special agent
Хм
Может стоит попробовать с пет-проекта
Алдар
но все равно придется учить нативные языки и сдк платформ
Алдар
хотя бы на базовом уровне
Anton
это да
Anton
а вдруг фейсбук создаст супер систему которая поглотит андроид и все будут на реакте писать
Alex
на Дарте)
special agent
но все равно придется учить нативные языки и сдк платформ
Т.е. разработка на реакте не на 100% кроссплатформенная? Типа xamarin?
Или все-таки можно только на реакте делать?
Anton
ну ios android
Алдар
Т.е. разработка на реакте не на 100% кроссплатформенная? Типа xamarin?
Или все-таки можно только на реакте делать?
от приложения зависит, что-то простенькое можно и чисто на жс, а если надо какие то фичи которых пока нет в реакт нейтив, придется нативные компоненты писать
special agent
от приложения зависит, что-то простенькое можно и чисто на жс, а если надо какие то фичи которых пока нет в реакт нейтив, придется нативные компоненты писать
Хм, интересно) Руки чешутся попробовать
Roman
Denis
Ещё одна крупная компания перешла на React Native http://artsy.github.io/blog/2016/08/15/React-Native-at-Artsy/
Dmitri
Привет! Я из Минска, iOS Software Engineer в MSQRD @ Facebook. Узнал про группу из CocoaHeads Belarus, @DenisIzmaylov запостил в комментах. Обмен знаниями — польза сообществу/мне.
Denis
https://www.toptal.com/mobile/comparing-react-native-to-cordova
Alisher
доброго времени суток, есть ли в сети сравнение xamarin и react native? И что вы думаете на этот счет?
Alex
доброго времени суток, есть ли в сети сравнение xamarin и react native? И что вы думаете на этот счет?
она ж JS не поддерживает...
Anonymous
https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0#.5kaa71hwm
Дэн Абрамов тут придерживается тактики dumb и smart components, что в принципе здорово, то есть изолировать smart компоненты от всех простейших элементов, а что насчет react-native, могу ли я отнести к простейшим элементам все элементы, которые уже есть по умолчанию в react-native, оставив шанс на жизнь только для <View> (аналог <div> для web), то есть фактически наделив разметку контейнера более логической версткой?
в прошлом проекте я так и поступил, а сейчас вот решил спросить, все ли так делают или это неэффективно в чем-то?
Oleg
Anonymous
доброго времени суток, есть ли в сети сравнение 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, а в конечном итоге всё равно они переписывали всё нативно на родные языки.
вот
Anonymous
короче говоря react-native — спасение мобильной разработки, если б не он, ноги моей бы не было в мобилках после этого всего, ушел бы в веб на реакте няшиться
Oleg
С реактом тоже все не так просто, как может показаться...
JS реализации часто очень тормозные. Пока это ходьба по минному полю
Denis
Я пару раз покрутил в руках Xamarin и что-то не в восторге. Не стоит исключать способ разработки, конечно, но впечатления сложилось такое тем не менее.
Evgeny
Александр
всем привет. небольшой глупый вопрос по 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
Александр
помогите, пожалуйста, второй день голову ломаю.
Alisher
Alisher
Недавно пришлось перейти с mac на windows. При компиляции очень часто выходит такая штука. Кто знает, помогите, пожалуйста
Sergey
Недавно пришлось перейти с mac на windows. При компиляции очень часто выходит такая штука. Кто знает, помогите, пожалуйста
С пакеджером проблема, смотри какую ошибку он пишет в терминале и гугли её
Aλeχ
скорей брендмауэр блокирует
Sergey
скорей брендмауэр блокирует
Да не, там пэкеджер 500 вернул.
Блокировал бы брендмауэр, был бы request timeout
Alex
всем привет. небольшой глупый вопрос по 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 не охото перерендеривать
Dmitry
подскажите пожалуйста чат по Meteor
Александр
Anthony
но сам CatalogsContainer не охото перерендеривать
Делал такое. Контейнер объявляешь как таб-бар и скрываешь его.
<Scene key="main" tabs tabBarHidden>
Дочерние контейнеры не перезагружаются в этом случае. При переклчении сцен всё остается, скролл на прежней позиции и т.д.
Александр
Спасибо!
Egor
Ребят, посоветуйте пожалуйста годную статейку по подключению(бриджыванию) модулей. Вот такой если что - https://github.com/romaonthego/RESideMenu .
Sergey
Ребят, посоветуйте пожалуйста годную статейку по подключению(бриджыванию) модулей. Вот такой если что - https://github.com/romaonthego/RESideMenu .
Я так понимаю, что это вы уже читали? https://facebook.github.io/react-native/docs/native-components-ios.html
Sergey
Ребят, посоветуйте пожалуйста годную статейку по подключению(бриджыванию) модулей. Вот такой если что - https://github.com/romaonthego/RESideMenu .
Компонент офигенный, поставил звёздочку :)
Egor
Я так понимаю, что это вы уже читали? https://facebook.github.io/react-native/docs/native-components-ios.html
Просматривал, сейчас стоит задача реализовать фичу, может кому то попадался подробный гайд по имплементации подобного)
Sergey
Если делать через классы (extends Component), то нужно использовать конструктор вместо getInitialState
Sergey
https://facebook.github.io/react/docs/reusable-components.html#es6-classes
Sergey
Да, если используются ES6 классы, то начальное значение state прописывается в констукторе.
Denis
можно не в конуструкторе кстати
Denis
а прям в классе писать
state = {
}
Denis
// 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,
}
}
Denis
и биндинг в конструкторе тоже не нужен
просто пишите вот так
class PostInfo extends React.Component {
handleOptionsButtonClick = (e) => {
this.setState({showOptionsModal: true});
}
}
Anthony
Денис, про биндинги, наверное, рано еще ему
Denis
не
есть мода в конструкторе переприсваивать метод с добавлением .bind(this)
Denis
столько уже вопросов на StackOverflow порешал вот этой статьёй https://daveceddia.com/avoid-bind-when-passing-props/
Anthony
Тут многие используют react-native-router-flux, как вы делаете pop to root component? Когда надо несколько сцен отлистать назад сразу. До самой первой