Ну ребят.

Если спросить, дадут ссылку как раз на чатик где _можно_ и _нужно_ искать.

@javascript_jobs

упс. окей, спасибо!

Хм, какой-то странный баг при работе с SVG, в componentDidMount пытаюсь получить ширину svg элемента svg.width.baseVal.value // => 0

Хотя при дебаге показывает ту ширину

Которая должна быть

даже используя debugger, console.log показывает 0, при дебаг моде показывает нужную ширину

что за ерунда?

width у svg в процентах задана

причем с height все работает нормально оО

а если в requestAnimationFrame запихнуть получение ширины - нормально работает?

а если в requestAnimationFrame запихнуть получение ширины - нормально работает?

уже решил проблему. Просто по другому получаю ширину/высоту

width у svg в процентах задана

Браузер не получил управление и не расчитал её. On load нужен

Чё-то взлольнул

?

Вопрос больше не по реакту а по CSS-modules с реактом. Я могу из css компонента родителя управлять стилями дочернего компонента? &.sideBarOpened { & .container {} } container класс в дочернем компоненте

Вопрос больше не по реакту а по CSS-modules с реактом. Я могу из css компонента родителя управлять стилями дочернего компонента? &.sideBarOpened { & .container {} } container класс в дочернем компоненте

а что тебе мешает это делать?

scss же

какой scss? говорю же, css-modules + postCSS nested

в любом случае все норм

да

postCSS - сделает тебе норм css

css-loader - сделает тебе модули

да вот что-то не работает такой вариант

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

поэтому и спрашиваю

но это bad way

знаю, поэтому так не делаю)

не не, точно работает так

теоретически, можно использовать compose: .otherClassName { composes: className from "./style.css"; }

только вот я не использовал postCSS nested

но я у себя c less+postcss+webpack не смог это завести

.layout .mainContainer.sideBarOpened .container

даже так не работает

без нестед

Они разве не локально удаляются, если их не админ удалил?

нет

у всех

Так, удалилось?

вот для наглядности скрин по моему вопросу

https://cl.ly/1L1n0F2c461A

да

может кто у себя проверить пожалуйста?

народ, а есть группа по graphql/relay?

Да :) @react_js

ок, тогда объясните, где посмотреть хоть один пример использовать connection cursor в relay?

ясно)

Ребят как вам такая структура папок http://marmelab.com/blog/2015/12/17/react-directory-structure.html

вот какой смысл профф чатиков, когда действительно сложный вопрос поднимается - все молчат?))

ваще пофигу на структуру папок) надо брать ту, о которой в команде договорились

Я 1 в команде, мне не пофиг раз спрашиваю, очевидно же)

И если бы я знал ответ на твой вопрос, то подсказал бы:)

ваще пофигу на структуру папок) надо брать ту, о которой в команде договорились

+

ваще пофигу на структуру папок) надо брать ту, о которой в команде договорились

https://medium.com/@yejodido/atomic-components-managing-dynamic-react-components-using-atomic-design-part-1-5f07451f261f#.8wmz94uih

Ребят как вам такая структура папок http://marmelab.com/blog/2015/12/17/react-directory-structure.html

А мне такая структура кажется симпатичной.

Норм тут Никита агрится

Чем твой вопрос отличается от вопроса про папки?

ERROR: S client not available

Эгоизм сэр

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

Pavel, абсолютно адекватная структура

Ребят как вам такая структура папок http://marmelab.com/blog/2015/12/17/react-directory-structure.html

Главное, чтобы компоненты были в папке, а то со временем превратиться в кашу (каждому компоненту стили, каждому компоненту json языков и так далее). Потом еще какие-нибудь иконки хранить, картинки, конфиги компонента и прочее

вопрос про папки из разряда "а чеб нам табы не начать ставить, а не пробелы?". Я агрюсь не на вопрос, а не сообщество) Вы обсуждаете эту тему, а важные вопросы тонут в подобных, не особо полезных. Просто не первый раз так уже)

Нам ничего не надо писать, пока не найдется специалист по relay? (которых очень мало)

заюзайте atomic design базарю еще захочешь

ок, тогда объясните, где посмотреть хоть один пример использовать connection cursor в relay?

https://m.alphasights.com/how-to-do-effortless-pagination-with-relay-connections-and-graphql-ruby-a534ffaf5cbf#.381tf8hpj

Спасибо за ответы, посмотрю про atomic design. Я вижу что проект растёт и в структуре папок начинается каша

https://m.alphasights.com/how-to-do-effortless-pagination-with-relay-connections-and-graphql-ruby-a534ffaf5cbf#.381tf8hpj

да, это видел. Там куда-то Relay.Route опущен. не понятно, что в нем должно быть

@gusnkt https://github.com/gauravtiwari/relay-rails-blog/blob/master/client/app/bundles/PostsIndex/components/Posts.jsx https://github.com/gauravtiwari/relay-rails-blog

( полный пример )

воот, спасибо)

можно и папочки обсудить))

заюзайте atomic design базарю еще захочешь

Атомная структура довольно интересная, ты ей давно пользуешься?

Атомная структура довольно интересная, ты ей давно пользуешься?

второй проект пишу

Атомная структура довольно интересная, ты ей давно пользуешься?

https://cldup.com/erEX-PJVNB.png

Экзотично) А кроме тебя ещё сколько людей в команде, у вас это первый проект на такой структуре?

Экзотично) А кроме тебя ещё сколько людей в команде, у вас это первый проект на такой структуре?

я один лол

Вопрос больше не по реакту а по CSS-modules с реактом. Я могу из css компонента родителя управлять стилями дочернего компонента? &.sideBarOpened { & .container {} } container класс в дочернем компоненте

Нет, нельзя так, это открытая проблема с css модулями

Можно кстати https://smacss.com использовать так-же - не только для CSS но и для React компонентов

вопрос про папки из разряда "а чеб нам табы не начать ставить, а не пробелы?". Я агрюсь не на вопрос, а не сообщество) Вы обсуждаете эту тему, а важные вопросы тонут в подобных, не особо полезных. Просто не первый раз так уже)

байкшеддинг же

Нет, нельзя так, это открытая проблема с css модулями

я уже понял, спасибо)

Серъезное и актуальное на стэковерфлоу иногда лучше

может кто у себя проверить пожалуйста?

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

вот у меня тоже про css-modules вопрос. как-то можно удобно использовать classnames/bind и переданный извне className? cx(my, klass, names, props.className) может облажаться, если, например, my === props.className

т.е. я хочу один класс оставлять неизменным

мизерная проблема, но все варианты (типа cx(my, klass, names) + ‘ ‘ + props.className) уродство

Вопрос по этим модулям. Как их в итоге заставить работать с сервер рендером?