я и задал вопрос - дайте линк на доку хорошую
Ну держи https://reactjs.org/docs/hello-world.html
Anonymous
Vit
Редакс и работу со стейтом да
Vit
Гугли работы виксов (wix) они в этом направлении роют
Vit
И аирбнб
Viktor
Ну держи https://reactjs.org/docs/hello-world.html
хорошо, перефразирую еще раз свой вопрос, а то он кажется не очень всем понятен. Если допустим я начну с этой доки и напишу проект какой-то под веб. Я смогу потом часть своего написанного кода использовать для Натива? Или надо что-то сразу учитывать, чтобы не пришлось все переписывать?
Vit
Ui нет
Vit
Мало того есть такой проект react-native-web угадай из каких желаний он получился)
Anonymous
Мало того есть такой проект react-native-web угадай из каких желаний он получился)
Не проще встроенный webview?)
Viktor
Я это понял - но я еще раз повторюсь - если просто начать писать сначала на реакте для веб - редакс и работу со стейтом можно будет скопировать в проект на Нативе - или заранее надо знать какие-то тонкости?
Vit
Просто скопировать
Viktor
да - я это нашел уже
Vit
Короч все че не касается уи можно делить
Vit
Че касается тоже можно но лучше не надо
Anonymous
Vit
@viktorkrasnov https://github.com/peggyrayzis/reactnext-universal-components/blob/master/README.markdown
Vit
Вот видео там глянь
Vit
Но блин с ангуляром за спиной трудно
Viktor
похрен - я и на 1С когда-то кодил и на перле и на Symfony пишу... Умею мозги перестроить)
Viktor
спасибо - буду копать)
Vit
Про перенастройку мозгов щас принесу если найду)
Vit
https://github.com/MostlyAdequate/mostly-adequate-guide
Vit
Вот)
Vit
Потом офишл дока по реакту зайдет как по маслу)
Viktor
сенкс)
Viktor
Но блин с ангуляром за спиной трудно
и правда - открыл вторую страницу (https://reactjs.org/docs/introducing-jsx.html) и присел... А в чем профит то верстку фигачить в js-код? Это ж поддерживать и дорабатывать и разрабатывать сложнее...
Viktor
я такого в битриксе наелся - то что на анлугяре я делаю за 2 часа - там можно неделю ковыряться, типа на корзину верстку натянуть
Vit
это не хтмл)
Vit
это вызов функции
Vit
f(Element, { props }, children)
Vit
<Element prop1= prop2>{children}</Element>
Viktor
Ну смотри - я привык делать так. Мне верстак выдал верстку. Я положил ее в файл html - и за считанные минуты она оживает. js лежит отдельно, в верстке (файле html) разберется даже верстак без знаний ангуляра. Ну или по крайней мере - когда заказчик попросит верстку перекроить - я ее очень быстро заменю.
Viktor
Тту же мне предлагается делать так:
Viktor
Viktor
То есть html распихивать в код
Viktor
Или я пока что-то не догнал и надо дальше читать?)
Vit
those two examples identical)
Vit
нет там хтмл)
Viktor
да не важно - в верстке это <h1>Тестовый заголовок</h1>
Vit
тут нет
Vit
но да
Viktor
но если это надо заменить на <h2 class="test">Тестовый заголовок</h2> - так допустим верстка поменялась - мне ж надо лезть код править
Vit
потому что за h1 стоит элемент который как функция реализует тебе h1
Viktor
и это я на пальцах щас
Viktor
а если верстка - это 1000 строчек и она конкретно поменялась
Viktor
я неделю буду сидеть искать 200 отличий
Viktor
и растыкивать в свой код компонентов
Vit
Viktor
до компонентов не дошел пока)
Vit
дай себе неделю)
Viktor
ладно читаю - глупые вопросы не задаю)
Vit
норм) все через это проходили)
Viktor
не просто ж так у реакта сообщество больше...
Vit
ну пиар но мы-то из 90х)
Vit
повидали)
Vit
дай себе неделю-две)
Viktor
не знаю про пиар
Vit
и jsx это не хтмл но похож)
Viktor
я только цифры смотрю
Viktor
Angular - 1969 React - 3797
NativeScript - 40
React Native - 1363
Viktor
НА сегодняшнее утро число человек в сообществах
Vit
нет там хтмл)
Viktor
это очень замедляет разработку
Vit
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 }
)
)
)
)
)
);
Vit
вот так
Vit
но только похоже на хтмл)
Vit
но суть это функции
Vit
пишешь жсх - пишешь функции
Viktor
Я выше описал процесс как можно быстро натягивать верстку. Или измененную верстку на готовый проект
Viktor
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 }
)
)
)
)
)
);
А если ее по вот такому коду распихивать надо будет при обновлении верстки но с сохранением фукнциональности - то это полная печаль...
Владимир
а ну да, если верстку делает отдельный товарищ, который не знает реакта, то беда
Viktor
ну не - не то чтобы печаль - если заказчик готов заплатить 40 часов за то что можно сделать за 3 - то конечно для разработчика радость...
Владимир
с другой стороне, в каком-то более-менее сложном проекте мне бы не хотелось, чтобы в верстке появлялись неучтенные дивы.
Viktor
а code folding на что?
Viktor
Да и вообще phpstorm например вот так умеет:
Viktor
Viktor
