const StyledLink = styled(RouterLink)` color: inherit; text-decoration: none; `; const StyledButton = StyledLink.extend` margin: 0 0 45px 45px; left: 0; bottom: 0; position: absolute; border: 2px solid #414141; border-radius: 4px; padding: 13px 25px; color: #414141; `; export default class Link extends Component { render() { return ( <StyledLink to={this.props.to}> {this.props.children} </StyledLink> ); } } export class LinkButton extends Component { render() { return ( <StyledButton to={this.props.to}> {this.props.children} </StyledButton> ); } }

С БЭМ нужно только дополнительный класс дописать

А тут ебаться и весь компонент дважды писать

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

да весь ответ в том, что асинхронная функция вызывается синхронно, для меня это откровение) дальше объяснять не надо даже

А учитывая, что я могу добавить несколько классов, экстендами это не делается

Только импортить откуда-то переменные

Ебануться

По поводу styled-components Мне тут добрые люди подсказали про длину классов в БЭМ и влияние этого на размер бандла [спойлер - влияние крайне минимальное] https://ru.bem.info/forum/1130/

норм

С БЭМ нужно только дополнительный класс дописать

и увеличить длину строки в 2 раза экстенды заменяется на styled(), который можно легко компоузить да и интерполяцию строк легче заюзать чем класс дописывать, к тому же эту строку можно в пропсы передать

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

нет, спасибо, бэм говно и это неоспоримо

А тут ебаться и весь компонент дважды писать

Нда

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

да

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

class будет один в итоге

а если один из компонентов меняется визуально? минимально

второй класс добавится

смотря extend или () юзаешь

http://telegra.ph/React-rules-07-24

http://telegra.ph/React-rules-07-24

а для ответов?

Я правильно понимаю, что нельзя сделать приложение и изоморфным и прогрессивным? ?

Pwa же должен иметь офлайн функционал, а ssr как-то не особо для этого подходит

Уже 29 мая будет главная конференция «Яндекса» YaC. Три потока докладов: алгоритмы и данные в маркетинге, умная городская среда и инфобезопасность. Будем транслировать весь день на двух площадках, не забудьте добавить в закладки. Подробнее про конфу тут: http://telegra.ph/29-maya--glavnaya-konferenciya-YAndeksa-YaC-05-24

Пушу в history нужную мне страницу при onClick history.push(`/books/campings/${item.id}/update`, { fromMap : true, predicates: this.state.predicates }); , В компоненте перехватываю это if (history.location && history.location.state && history.location.state.fromMap) { return history.push(`/map`, { ...history.location.state, fromBook: true }); } И все норм работает,компонент обратно прогружается с нужным состоянием,но есть трабла.Если пользователь перезагрузит страницу у него применится это состояние с history.location.state.Как можно решить данную проблему?

Пушу в history нужную мне страницу при onClick history.push(`/books/campings/${item.id}/update`, { fromMap : true, predicates: this.state.predicates }); , В компоненте перехватываю это if (history.location && history.location.state && history.location.state.fromMap) { return history.push(`/map`, { ...history.location.state, fromBook: true }); } И все норм работает,компонент обратно прогружается с нужным состоянием,но есть трабла.Если пользователь перезагрузит страницу у него применится это состояние с history.location.state.Как можно решить данную проблему?

Не юзать стейт

Не юзать стейт

это единственное решение?

используй props

используй props

Лол

Мимо

возможно не углубился в код

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

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

ага и обратно

не хотелось бы ради этого подключать этот компонент к стору

не хотелось бы ради этого подключать этот компонент к стору

Сама идея через роутер была не очень

Сама идея через роутер была не очень

Не спорю х)

А кстати, пасеба за доклад. Ты прям сформулировал всё то, о чем я давно уже размышлял :)

✊️?

А как добавить стили к ребёнку стилизованного компонента?

Компонент может и селектором выступать

const StyledLink = styled(RouterLink)` color: inherit; text-decoration: none; `; const StyledButton = StyledLink.extend` margin: 0 0 45px 45px; left: 0; bottom: 0; position: absolute; border: 2px solid #414141; border-radius: 4px; padding: 13px 25px; color: #414141; `; export default class Link extends Component { render() { return ( <StyledLink to={this.props.to}> {this.props.children} </StyledLink> ); } } export class LinkButton extends Component { render() { return ( <StyledButton to={this.props.to}> {this.props.children} </StyledButton> ); } }

Что мешает общие стили хранить в const sharedMixin = css``;

Кто знает какие нибудь книги или статьи по архитектуре реакт приложений ?

Что мешает общие стили хранить в const sharedMixin = css``;

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

да весь ответ в том, что асинхронная функция вызывается синхронно, для меня это откровение) дальше объяснять не надо даже

Ну да. Там он хорошо показал, что выражение до await уходит в Promise.resolve (а весь остальной код, как бы, вешается на then)

(я тоже поначалу творил хурму из-за этого)

смотря extend или () юзаешь

Оба второй класс генерят

Оба второй класс генерят

Один добавляет ещё один класс другой полностью новый создаёт

Типа модификатор?

Кто знает какие нибудь книги или статьи по архитектуре реакт приложений ?

Не читал, но вот https://github.com/krasimir/react-in-patterns

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

А вот легаси от меня https://gist.github.com/artalar/cca9163e9065469f666e22e6ad99bc69

Я писал классы в SC ?

И думал - как круто

А вот легаси от меня https://gist.github.com/artalar/cca9163e9065469f666e22e6ad99bc69

Но даже это было лучше любого статического билда

Типа модификатор?

Когда () пишешь создаётся второй класс который содержит только новые стили, когда extend создается новый класс, который содержит все стили, т. е. Дублирует код

Коллеги, на российских продуктах (которые точно только в РФ будут разрабатываться) комментарии и комиты пишете на каком языке? Вижу кто-то на английском - смысл не вижу совсем

Коллеги, на российских продуктах (которые точно только в РФ будут разрабатываться) комментарии и комиты пишете на каком языке? Вижу кто-то на английском - смысл не вижу совсем

Вдруг инвестор - чуть-чуть в IT и иностранец

Вдруг инвестор - чуть-чуть в IT и иностранец

Ну я же говорю, когда точно все в РФ

Коллеги, на российских продуктах (которые точно только в РФ будут разрабатываться) комментарии и комиты пишете на каком языке? Вижу кто-то на английском - смысл не вижу совсем

Может тогда и имена классов транслитом писать?

Вдруг инвестор - чуть-чуть в IT и иностранец

чото вряд ли инвестор полезет в исходники

но я за инглиш

Что мешает общие стили хранить в const sharedMixin = css``;

Лучше хок чем миксин

Лучше хок чем миксин

Я вот, кстати, так и не определился. Есть аргументы?

Коллеги, на российских продуктах (которые точно только в РФ будут разрабатываться) комментарии и комиты пишете на каком языке? Вижу кто-то на английском - смысл не вижу совсем

eng ofc

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

eng ofc

да но зачем?

да но зачем?

я не пользуюсь русс гуглом когда на работе)

и почему бы и нет?

ERROR: S client not available

Это же интернациональный язык.

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

Да неее. Ну ентерпрайз, вроде интернет банков...

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

Я вот, кстати, так и не определился. Есть аргументы?

Как в реакте так и в стайледах

Надо еще композ написать для них

Коллеги, на российских продуктах (которые точно только в РФ будут разрабатываться) комментарии и комиты пишете на каком языке? Вижу кто-то на английском - смысл не вижу совсем

Лень раскладку переключать, мысль тормозит :)

я не пользуюсь русс гуглом когда на работе)

Вопрос в [комментариях] описании бизнес-задач. Родной язык всегда легче читается и воспринимается, в независимости от уровня знаний другого

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

лишний оверхед абсолютно без профита, кмк

Вопрос в [комментариях] описании бизнес-задач. Родной язык всегда легче читается и воспринимается, в независимости от уровня знаний другого

тогдапричем тут коммиты?

лишний оверхед абсолютно без профита, кмк

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

но по себе и своим знакомым могу сказать что 90% пишут на инглише

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

он просто хотел услышать, что на русском норм, чтобы совесть очистить

да норм. но лучше на инг

тогдапричем тут коммиты?

В смысле причем? Комиты описывают и то что по бизнесу поменялось

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

Ну это да) Но мне интересны аргументы, может я упускаю что-то

английский лучше

В опенсурсных проектах я пишу комментарии и комиты на англ - не проблема

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

Ну вот, например, в яндексе коменты на русском, я знаю

Потому что они никому не передадут)

Если у меня - как в яндексе бизнес-окружение, зачем англ?

Чувак не из IT, но вот что он писал про перевод своей книги с английского на русский: Телодвижения, ужимки, ландшафты, томление деревьев, запахи, дожди, тающие и переливчатые оттенки природы, все нежно-человеческое (как ни странно!), а также все мужицкое, грубое, сочно-похабное, выходит по-русски не хуже, если не лучше, чем по-английски; но столь свойственные английскому тонкие недоговоренности, поэзия мысли, мгновенная перекличка между отвлеченнейшими понятиями, роение односложных эпитетов - все это, а также все относящееся к технике, модам, спорту, естественным наукам и противоестественным страстям - становится по-русски топорным, многословным и часто отвратительным в смысле стиля и ритма.http://gibrid.ru/lolita/posl-ru.htm Этот чувак - Владимир Набоков. И он давно решил что писать на английском лучше

?

Потому что жил в Америке лол

А ещё потому что учил английский с детства и он ему был как родной

мне почему то комментарии и коммиты на русском глаз режут)

Все же, по идее: Родной язык всегда легче читается и воспринимается, в независимости от уровня знаний другого Просто мозг меньше напрягается

Это типа, как css классы на русском писать - валидно, но выглядит инородно

Все же, по идее: Родной язык всегда легче читается и воспринимается, в независимости от уровня знаний другого Просто мозг меньше напрягается

Типа ленивый хочешь сказать?)

Это типа, как css классы на русском писать - валидно, но выглядит инородно

Это как 1с программировать

китайцам норм