Привет, коллеги!

Мне нужна ваша консультация Бесплатная

Начну с того, что сам я не мобильный разработчик ни разу

Но у меня есть клиент, которому нужно кроссплатформенное мобильное приложение

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

В связи с этим у меня два вопроса

Вопрос первый - насколько риакт нейтив похож на обычный риакт? Если наколбасить приложение на первом, легко ли будет потом по этому коду сделать обычное RIA?

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

Ответ на первый вопрос: различия есть существенные в архитектуре и data-flow

При должном соблюдении правил можно сократить разрыв кода от 20 до 40 процентов

Во многом зависит от специфики конкретного приложения

1) есть такой проектик react-web от alibaba, он позволяет из rn-приложения сделать веб-приложение http://taobaofed.github.io/react-web/ . Там всё равно будут нюансы между платформами и веб версия будет только для мобилок. У нас по факту получилось около 90% переиспользуемого кода. 2) по сути rn - это просто обвёртка над нативным кодом. Всё что можно делать на нативных платформах - можно на rn. Проблема сейчас в том, что по факту не так много готовых компонентов. Пошустри тут на наличие того, что нужно https://react.parts/native

Результаты для тудулиста и медиаплеера будут разные

Ага, интересно, спасибо А если какого-то байндинга к нативному компоненту нет - я смогу его сам сделать?

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

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

Ему небось про кордову рассказывали

а ты как думал, веб девы это не девы

php - не яп

а ты как думал, веб девы это не девы

???

помню долго кукарекали с подобными лозунгами

видимо остатки былого пригара

Но будем честными. RN упрощает разработку сильно. Сводит могильную разработку почти до уровня виджетов :)

Б

Но будем честными. RN упрощает разработку сильно. Сводит могильную разработку почти до уровня виджетов :)

так это же хорошо, любое упращение и есть прогресс

Да, и снижение зарплат ;)

Так же пригорало в своё время у бэкенда от ноды, и правильно подгорало, она же в итоге отхавала часть рынка :)

JavaScript eat the world

Так же пригорало в своё время у бэкенда от ноды, и правильно подгорало, она же в итоге отхавала часть рынка :)

ну у меня знакомые пхписты до сих пор бомбят

аспы вообще говорили не взлетит

в итоге js действительно жрет мир)

Да, и снижение зарплат ;)

ну как) я пока вижу что у жс с реактами кэша на порядок выше чем в среднем по пхп или на рубях с питонами

судя по биржам

там все правильно написано

даже react fiber пиздит концепции из obj-c’шного ComponentKit

кстати, css в итоге в лэйауты некурильщика пересчитываются нативно или на js?

а ты как думал, веб девы это не девы

Там вроде нативная дева пишет

Да, и снижение зарплат ;)

нет же упрощение - это сокращение сроков разработки как следствие > сокращение расходов бизнеса на разработку а зарплаты коррелируют от спроса и предложения

кстати, css в итоге в лэйауты некурильщика пересчитываются нативно или на js?

Там офигительная история вообще. У Фейсбука есть проект css-layout, написанный на JS https://github.com/facebook/css-layout Но этот JS транслируется в Java и С C-шная версия используется в RN для iOS (https://github.com/facebook/react-native/tree/master/React/Layout), джавовская в Андроиде ( https://github.com/facebook/react-native/tree/master/ReactAndroid/src/main/java/com/facebook/csslayout)

даже react fiber пиздит концепции из obj-c’шного ComponentKit

Так ComponenKit был предком ReactNative от того же Фейсбука.

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

Откуда такие клевые дровишки? Охото весь тред почитать

даже react fiber пиздит концепции из obj-c’шного ComponentKit

извините, что такое react-fiber? погуглил - компонент для мессенджинга. Оно?

?

извините, что такое react-fiber? погуглил - компонент для мессенджинга. Оно?

Да не, там внутри реакта что-то переписывают на корутинах. Дэн Абрамов ещё в твитторе писал мол "СЛОЖНА НИПАНЯТНА "

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

илитненько

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

5 лет нативят?

звучит как признание в онанизме/алкоголизме

https://twitter.com/chicoxyzzy/status/746000050527027200

А в чём отличие? Картинка в бэкграунде + другое количество секций?

мне картинка нужна, а не цвет

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

Прозрачный бэкграунд - rgba(0,0,0,0)

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

<Accordion sections={SECTIONS} renderHeader={this._renderHeader} renderContent={this._renderContent} <Image source={{uri: './img/marvell'}} style={{rgba(0,0,0,0)} /> />

Что в синтаксисе не так?

style={{backgroundColor: rgba(0,0,0,0)}}

По поводу бэкграунда в контейнере - элемент Image может использоваться как контейнер.

<Image source={{uri: './img/marvell'}} style={{backgroundColor: rgba(0,0,0,0)}}} /> на синтаксис ругается

source={require('./img/marvell')}

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

<Accordion sections={SECTIONS} renderHeader={this._renderHeader} renderContent={this._renderContent} <Image source={require('./img/marvell.png')} /> синтаксисэррор

Тэг Accordion не закрыт

Используй норм редактор, который поддерживает ES6 синтакс.

Используй норм редактор, который поддерживает ES6 синтакс.

Nuclide)

Nuclide)

Я его не открывал ни разу, если честно...

Тэг Accordion не закрыт

Он и небыл у меня закрыт до Image

Неправильно выразился... Там треугольной скобки закрывающей не хватает. <Accordion><Image/> </Accordion>

https://github.com/gHashTag/iSoulClub/blob/master/index.ios.js

на 70 еррор

scrollview не закрыт

этот чат - интересная реализация линтера

:)

прозрачный цвет вводится так backgroundColor: 'transparent'

Можно и так :)

Я его не открывал ни разу, если честно...

К слову о Nuclide https://youtu.be/f1Sj48rJE3I

народ есть какой гайд как писать стили под разные разрешения, или примеры подобного кода

сейчас я пока только додумался брать Demensions и кидать width and height в функцию которая генерирует стили

{ title: 'Sixth', content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui in tempore blanditiis maxime odio deleniti explicabo ipsa quidem pariatur quibusdam cum voluptate dolores, minima nesciunt harum molestias, nam quisquam facere.', image: './img/marvell/marvell-1', },

{ title: 'Sixth', content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui in tempore blanditiis maxime odio deleniti explicabo ipsa quidem pariatur quibusdam cum voluptate dolores, minima nesciunt harum molestias, nam quisquam facere.', image: './img/marvell/marvell-1', },

Что это за json вообще?