Можно добавить верхний отступ блоку в процентах, а фрейм разместить внутри через абсолют

https://jsfiddle.net/qo4gs2nc/

Для тех, кто собирается выступать на Moscow React Meetup, сейчас Apple показывает как надо делать доклады: http://www.apple.com/apple-events/september-2016/

Для тех, кто собирается выступать на Moscow React Meetup, сейчас Apple показывает как надо делать доклады: http://www.apple.com/apple-events/september-2016/

А информации о митапе еще никакой не появилось?

Появится скоро через, неделю/две, пока доклады выбираем :)

Друзья, у кого ещё есть тема для доклада на React Moscow Meetup в конце сентября? Заполните форму: + https://denisizmaylov.typeform.com/to/NHNCiM и давайте обсудим!

UP! Добавляйте заявки

http://prntscr.com/cfavx9

что-то пошло не так в моем приложении

я то думаю почему все виснет

http://prntscr.com/cfay2z

перенес сюда и перестало спамить запросами

https://telegram.me/joinchat/Be4rsT3Uyr1TjmSlrRc77g Может тебе стоит написать сюда? А кто захочет тебе помочь, туда будет заглядывать.

@Kreizo

ок

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

Появится скоро через, неделю/две, пока доклады выбираем :)

Денис, а трансляция планируется?

Из другого города очень хотелось бы посмотреть

Если только @Ai_boy опять запишет 4K видео на свой модный смартфон :)

Если только @Ai_boy опять запишет 4K видео на свой модный смартфон :)

Вы про react митап?

yep

это же не нг2 митап

это же не нг2 митап

:) малоли

yep

А будет регистрация? Или уже все?

Если только @Ai_boy опять запишет 4K видео на свой модный смартфон :)

._.

А тем временем в группе https://telegram.me/uiux_ru собралось уже почти 300 участников и это всего за 12 часов! ? Ещё больше качественного UI и UX в ваши проекты!)

https://github.com/amireh/happypack - кто к нему прикручивал babel с плагина для реакта? Голову сломал

Кстати, да - тоже интересно, будем на днях экспериментировать с HP

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

Они не работают, если просто лоадер поменять?

работает, заменили лоадер и все запустилось

query: { // Wraps all React components into arbitrary transforms // https://github.com/gaearon/babel-plugin-react-transform plugins: [ ['react-transform', { transforms: [ { transform: 'react-transform-hmr', imports: ['react'], locals: ['module'], }, { transform: 'react-transform-catch-errors', imports: ['react', 'redbox-react'], }, ], }], ], },

Для тех, кто собирается выступать на Moscow React Meetup, сейчас Apple показывает как надо делать доклады: http://www.apple.com/apple-events/september-2016/

Как надо лить воду и впарить дерьмо?

эту портянку не менять?

вынеси лучше в .babelrc

и в лоадере оставь только babel

то есть только loader меня на happypack/loader ?

ок

спасибо, попробую

там можно и стили пропускать, тогда нужно будет укзаывать id и в лоадерах будут happypack/loader?id=less

https://www.npmjs.com/package/tarec - обещают конфетку, пока не пробывал

но еще вся ночь впереди

И остается открытый вопрос по поводу DLL и как нормально настроить, все то, что я видел, выглядит не очень и нужно самому следить за обновлением)

dll по мне решается просто выносом vendors в другую точку входа

я имею ввиду вместо dll

+ CommonChunkPlugin с цифрой 2

и тогда vendors пустой, а в common вся малина

по идеи :)

и перед тем как запустить сервер, нужно сначала собрать DLL и потом после изменений пакетов, тоже всегда пересобирать, как то странно)

и для DLL обычно делается отдельный вебпак конфиг)

можно конечно на npm install привязаться и так собирать, но странно все это

и кстати есть пример хэппи пака с реактом, мой пр - https://github.com/amireh/happypack/tree/master/examples/webpack2-extract-react

?

Ребят никак не вникну, что делаю не правильно? функция все время undefind возвращает. getAttachDescription = () => { const requirements = this.props.item.requirements; Object.keys(requirements).forEach(attachType => { if (requirements[attachType].length > 0) { Object.keys(requirements[attachType]).forEach(attachTypeItem => { const item = requirements[attachType][attachTypeItem]; console.log(item); return ( <div> <h4>Attachments:</h4> {item} </div> ); }); } }); }

Господа, подскажите свои методы борьбы :) Есть нода, на которой висит реф, но сама она прячется/показывается в зависимости от стейта. Стейт меняется при ресайзе окна, при этом при событии я хотел бы уже получить реф, а ноды еще нет. 2 раза отдельно рендерить или видимо проще прятать стилями просто по стейту, чтобы нода всегда была?

Ребят никак не вникну, что делаю не правильно? функция все время undefind возвращает. getAttachDescription = () => { const requirements = this.props.item.requirements; Object.keys(requirements).forEach(attachType => { if (requirements[attachType].length > 0) { Object.keys(requirements[attachType]).forEach(attachTypeItem => { const item = requirements[attachType][attachTypeItem]; console.log(item); return ( <div> <h4>Attachments:</h4> {item} </div> ); }); } }); }

дебаг режим в chrome, хорошо помагает в таких случаях

и подскажите пожалуйста, на сколько правильно и красиво вот так по объекту проходить? Может есть более изящное решение?

Ребят никак не вникну, что делаю не правильно? функция все время undefind возвращает. getAttachDescription = () => { const requirements = this.props.item.requirements; Object.keys(requirements).forEach(attachType => { if (requirements[attachType].length > 0) { Object.keys(requirements[attachType]).forEach(attachTypeItem => { const item = requirements[attachType][attachTypeItem]; console.log(item); return ( <div> <h4>Attachments:</h4> {item} </div> ); }); } }); }

Ты же ничего не возвращаешь?

и подскажите пожалуйста, на сколько правильно и красиво вот так по объекту проходить? Может есть более изящное решение?

такой способ нормальный)

Ты же ничего не возвращаешь?

а как же return ()?

Он внутри форича

Господа, подскажите свои методы борьбы :) Есть нода, на которой висит реф, но сама она прячется/показывается в зависимости от стейта. Стейт меняется при ресайзе окна, при этом при событии я хотел бы уже получить реф, а ноды еще нет. 2 раза отдельно рендерить или видимо проще прятать стилями просто по стейту, чтобы нода всегда была?

если нужна всегда нода, то наверное лучше да, скрывать стилями)

С хэппипаком осторожней надо быть. Кэш с сассом неадекватно себя ведет

Чувствую еще не раз наткнусь на эту боль. Нужны были размеры элемента, если классом разрулить, то надо еще и без display: none, чтобы можно было до изменения стейта посчитать

ERROR: S client not available

Сейчас конечно visibility: hidden помог, но спасает то, что прибит абсолютом

Он внутри форича

разобрался, спасибо

Господа, подскажите свои методы борьбы :) Есть нода, на которой висит реф, но сама она прячется/показывается в зависимости от стейта. Стейт меняется при ресайзе окна, при этом при событии я хотел бы уже получить реф, а ноды еще нет. 2 раза отдельно рендерить или видимо проще прятать стилями просто по стейту, чтобы нода всегда была?

ты что то не то делаешь, это не нужно

ты что то не то делаешь, это не нужно

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

все равно не вижу проблемы

ты скролл всегда показываешь ?

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

ты можешь конечно за пределами экрана рендерить блок и когда будет известна ширина его в position static устанавливать, но зачем оно ?

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

Или тогда не хранить размеры элементов скроллбара в стейте

и проставлять их руками

не понимаю

как рефа нет если элементы на экране

ты рендеришь элементы и хок считает размеры

они у тебя всегда есть

Ну если не рендерить скролл, когда все помещается, то элемента не будет

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

скролл зависит от размеров

на него реф не нужен

реф ты делаешь на контейнер с контентом и считаешь его размеры

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

ты точно что то не так делаешь

По сути у меня есть высота контейнера с оверфлоу, контента и скроллбара и из них считается высота таскаемой области

у тебя есть контейнер с высотой, есть контейнер с контентом, на нем реф и ты считаешь высоту, далее от нее рендеришь скролл

это все скролл делает, в зависимости от переданной высоты

Скролл не обязательно имеет высоту контейнера с высотой

с чего вдруг ?

он у тебя не выходит за пределы родительского блока

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

Понял тебя) Спасибо, подумаю над таким вариантом тоже)

Запилил сначала два компонента отдельных: скроллбар и скроллареа с первым внутри. Сделал по принципу, что сам скроллбар ничего не знает о родителе, а умеет просто таскаться и по клику перезжать, а родитель на все это реагирует + двигает его по событию. Сравню