НА сегодняшнее утро число человек в сообществах

и jsx это не хтмл но похож)

да суть я понял - но очень мне не нравится смеси кода с html

нет там хтмл)

это очень замедляет разработку

const HistoryItem => ({ name, type, expandable, ...rest }) => ( h(TimelineItem , { label: h(TimeLineItemLabel, { name }) , maxContentWidth: "210px" } , h(Card , { style: { backgroundColor: "transparent" } , expandable } , h(CardTitle , { title: h("span", { style: { fontSize: 20 } }, type) , subtitle: h("span" , { style: { fontSize: 12 } } , `by ${rest.owner.name}` ) , style: { padding: "10px 10px 10px 15px" } , actAsExpander: expandable } ) , expandable && h(CardText , { style: { padding: "10px 8px" } } , rest.contents.map((content, contentIndex) => h(TimeLineItemContent , { type, content, key: contentIndex } ) ) ) ) ) );

вот так

но только похоже на хтмл)

но суть это функции

пишешь жсх - пишешь функции

это очень замедляет разработку

это как?

Я выше описал процесс как можно быстро натягивать верстку. Или измененную верстку на готовый проект

const HistoryItem => ({ name, type, expandable, ...rest }) => ( h(TimelineItem , { label: h(TimeLineItemLabel, { name }) , maxContentWidth: "210px" } , h(Card , { style: { backgroundColor: "transparent" } , expandable } , h(CardTitle , { title: h("span", { style: { fontSize: 20 } }, type) , subtitle: h("span" , { style: { fontSize: 12 } } , `by ${rest.owner.name}` ) , style: { padding: "10px 10px 10px 15px" } , actAsExpander: expandable } ) , expandable && h(CardText , { style: { padding: "10px 8px" } } , rest.contents.map((content, contentIndex) => h(TimeLineItemContent , { type, content, key: contentIndex } ) ) ) ) ) );

А если ее по вот такому коду распихивать надо будет при обновлении верстки но с сохранением фукнциональности - то это полная печаль...

а ну да, если верстку делает отдельный товарищ, который не знает реакта, то беда

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

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

а code folding на что?

Да и вообще phpstorm например вот так умеет:

Бле) у реакта тулинг все сосуд)

Смотрите, всегда можно разделить компоненты на представления и логику, и компонент будет примерно такой: const MyButton = <div className="button-wrap"> <i className=""/> <span className="caption"> </div>

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

перевести верстку в такое очень просто

но вообще если вы не понимаете, зачем вам реакт и в вашем ежедневном воркфлоу есть внешние верстаки, возможно вам зайдет Vue

ну или стоит остаться на ангуляре

Нет)

Смотрите, всегда можно разделить компоненты на представления и логику, и компонент будет примерно такой: const MyButton = <div className="button-wrap"> <i className=""/> <span className="caption"> </div>

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

не надо выедать себе мозг, просто привыкаешь потом не понимаешь, как без этого

ну вот за 8 лет к битирксу не привык с этим

Дай себе время)

нет, ваш опыт не годится, простите:)

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

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

перевести верстку в такое очень просто

а такое как на примере MyButton согласен

const HistoryItem => ({ name, type, expandable, ...rest }) => ( h(TimelineItem , { label: h(TimeLineItemLabel, { name }) , maxContentWidth: "210px" } , h(Card , { style: { backgroundColor: "transparent" } , expandable } , h(CardTitle , { title: h("span", { style: { fontSize: 20 } }, type) , subtitle: h("span" , { style: { fontSize: 12 } } , `by ${rest.owner.name}` ) , style: { padding: "10px 10px 10px 15px" } , actAsExpander: expandable } ) , expandable && h(CardText , { style: { padding: "10px 8px" } } , rest.contents.map((content, contentIndex) => h(TimeLineItemContent , { type, content, key: contentIndex } ) ) ) ) ) );

но вот это меня сейчас очень настораживает)

ладно - буду доку дальше читать)

то есть это другая история. PHP - это шаблонизатор. На входе шаблон и данные, на выходе - текст. React - это описание интерфейсов. На входе функция и данные, на выходе - дерево UI компонентов

фиг, я на php последнее время только апишки пишу

мозг реально немного ломается

а фронты отдельно

вообще не замешивая

ну не считая еще остатки проектов по битриксу

максимум twig в симфони

что из UI библиотек посоветуете, для быстрого прототипирования аля бутстрап?

Ant.design

кто то делал horizontal scroll на элементы

пользоваться нативным

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

Angular - 1969 React - 3797 NativeScript - 40 React Native - 1363

А звёздочки не смотришь?

А звёздочки не смотришь?

?

ребят привет, не подскажете возможно ли запустить open street maps на react native? я сам новичек на этой технологии, гугл не особо помог интересует приемущественно офлайновое использование

Если нет компонента доя рн, сделайте сами)

Всем привет, В чем может быть проблема, firebase не коннектится, сначала рабоатет, но через 2-3 перезагруски перестает конектиться. Нужно Емулятор(Андроид) вырубать и пересобирать приложение. Но потом снова перестает работать ...

Let's create a new poll. First, send me the question.

Всем привет! У кого-то была проблемма что приложение закрывается и выбрасывает в меню сразу после сборки? Появилось после того как решил переписать на react-native-navigation

Всем привет! У кого-то была проблемма что приложение закрывается и выбрасывает в меню сразу после сборки? Появилось после того как решил переписать на react-native-navigation

в меню это куда?

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

Ну на главное меню айфона)

Если есть у кого время - могу запушить на гитхаб)

Если есть у кого время - могу запушить на гитхаб)

Что то ты отпугнул меня от переписывания на rn navigation)

Что то ты отпугнул меня от переписывания на rn navigation)

?

А то как захвалили его тут) тоже захотелось)

До этого юзал react-navigator, но на нем все, что сложнее стандартных роутов, пишется через костыли)

До этого юзал react-navigator, но на нем все, что сложнее стандартных роутов, пишется через костыли)

а что сейчас юзаешь?

Пытаюсь вот это: https://wix.github.io/react-native-navigation/

кстати я до переезда думал rnrf крашится потому что он дурак, оказывается дурак react navigation на котором он построен ?

Пытаюсь вот это: https://wix.github.io/react-native-navigation/

да как-то они баги в v1 вроде толком не фиксят, говорят всё будет збс в v2

а как я уже писал api у v1 и v2 разнятся

двойную работу делать как-то впадлу

До этого юзал react-navigator, но на нем все, что сложнее стандартных роутов, пишется через костыли)

Не знаю про какие вы костыли в react-navigator, но react-navigation, в связке с redux, лучший)

Не знаю про какие вы костыли в react-navigator, но react-navigation, в связке с redux, лучший)

родной юзаешь или форк какой-то?

кстати я до переезда думал rnrf крашится потому что он дурак, оказывается дурак react navigation на котором он построен ?

Может вы его не умеете готовить? Год юзаю и проблем не знаю с ним. Вы где были, когда мы холиварили в прошлом году не раз на тему react-navigation vs react-native-navigation ? Как думаете, почему в правилах группы его рекомендуют?

родной юзаешь или форк какой-то?

Родной

Может вы его не умеете готовить? Год юзаю и проблем не знаю с ним. Вы где были, когда мы холиварили в прошлом году не раз на тему react-navigation vs react-native-navigation ? Как думаете, почему в правилах группы его рекомендуют?

жил счастливой беззаботной жизнью на нативной разработке? я не исключаю варианта с личными кривыми руками

жил счастливой беззаботной жизнью на нативной разработке? я не исключаю варианта с личными кривыми руками

Раньше я думал, что мой минус не иметь за плечами богатый бэкграунд на Java/Obective-С. После просмотра видео «Пишем на React Native - Евгений Ртищев (Сбербанк-Технологии)» и прочтения статьи «Мобильная платформа. Как не бояться ReactNative» я понял, что минус - это тянуть Java/Objective-С туда, где он избыточен, так как это то же самое, что тянуть Assembler, в уровень решения задач Java/Obective-С.

Раньше я думал, что мой минус не иметь за плечами богатый бэкграунд на Java/Obective-С. После просмотра видео «Пишем на React Native - Евгений Ртищев (Сбербанк-Технологии)» и прочтения статьи «Мобильная платформа. Как не бояться ReactNative» я понял, что минус - это тянуть Java/Objective-С туда, где он избыточен, так как это то же самое, что тянуть Assembler, в уровень решения задач Java/Obective-С.

Ошибка

Ошибка

продолжение следует?

продолжение следует?

Нет

Раньше я думал, что мой минус не иметь за плечами богатый бэкграунд на Java/Obective-С. После просмотра видео «Пишем на React Native - Евгений Ртищев (Сбербанк-Технологии)» и прочтения статьи «Мобильная платформа. Как не бояться ReactNative» я понял, что минус - это тянуть Java/Objective-С туда, где он избыточен, так как это то же самое, что тянуть Assembler, в уровень решения задач Java/Obective-С.

Удачи написать нативный компонент на js

Удачи написать нативный компонент на js

в это уже игрались здесь ? t.me/reactnative_ru/47223

в это уже игрались здесь ? t.me/reactnative_ru/47223

А я не про теорию говорю, а про практику

А я не про теорию говорю, а про практику

На Ваш взгляд, для чего появилась эта кроссплатформеная технология? https://facebook.github.io/yoga/

На Ваш взгляд, для чего появилась эта кроссплатформеная технология? https://facebook.github.io/yoga/

При чем тут это?

Я говорю не только про View-компонент

Понадобится вам с каким-то специфичным API поработать, а обертки под RN нет, что делать будете?

Ждать фейсбука

Ждать фейсбука

Дедлайны подождут ?

Я говорю не только про View-компонент

Так React-Native - это про View, управление состоянием Redux, MobX, а рабата с сервером - это fetch(), axios, Apollo.

Фб даже uiwebview до сих пор не может заменить на wkwebview

Ждать фейсбука

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

Так React-Native - это про View, управление состоянием Redux, MobX, а рабата с сервером - это fetch(), axios, Apollo.

А работа с GPS, с BLE, с USB - это что?)

Или кроме сервера и вью ничего в приложениях не бывает, по-вашему?)

А работа с GPS, с BLE, с USB - это что?)

Это не про реакт )

Это не про реакт )

Но ведь нативный код избыточен, как быть?

Понадобится вам с каким-то специфичным API поработать, а обертки под RN нет, что делать будете?

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

Но ведь нативный код избыточен, как быть?

Заводить тикет на гитхабе ?