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

у нас же итак обёртка в обёртке обёрткой погоняет и саги сбоку. :) на каждый чих по два компонента. презентационный и контейнер. Так ещё вон предлагают чтобы функция высерала функцию, и преподносят это так, будто бы это ваще киллер-фитча

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

ребзь. вот скажите мне. кто нибудь вообще юзает эти самые функции высшего порядка в проде ? Неужели у нас итак проблем мало?

лолшто. Редакс коннектит компоненты через HoC. Редакс-форм тоже. React DnD, ещё куча всего, нет?

да

Делю бесконечный скролл, добавляю пачку из 20 элементов — очень сильно тормозит скролл во время рендера этих 20 элементов

Странно. Элементы сложные?

Нет, не сложные. Аналогичные списки не на реакте работают быстро

key={id} у айтемов уникальные

Делю бесконечный скролл, добавляю пачку из 20 элементов — очень сильно тормозит скролл во время рендера этих 20 элементов

Не сталкивался в живую, но в теории можно попробовать virtual scroll.

Или как там это называется.

Нет, не сложные. Аналогичные списки не на реакте работают быстро

В том-то и прикол, что 20 элементов вставить нехрен делать.

Скорее всего в.дом срабатывает.

У тебя буффер в виде отдельных элементов?

Типа ``` <BufferPre/> <DisplayView/> <BufferPost/> ```

Блин, разобрался, оказалось дело в неуникальных айдишниках было

Бэкэнд отправлял фигню)

Ну вот, похоже же, что всё ок должно быть.

А я уже выдумывать начал

Да я сам начал заморачиваться

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

нет. но обёрток достаточно там итак.

https://gist.github.com/Deiru2k/a734b89bbc621cf1308d37437369d0e2 У нас вот так выглядят экшены.

У нас их middleware дергает, ты просто кормишь ей 3 константы.

нет. но обёрток достаточно там итак.

следует разобраться какие задачи решают hof и hoc, их не надо(как и что-либо еще) просто так везде вставлять

следует разобраться какие задачи решают hof и hoc, их не надо(как и что-либо еще) просто так везде вставлять

вы уверены что hof и hoc гуглится ?

react hoc гуглится :)

У нас константы разные.

Под каждый запрос.

Для handle actions, чтобы с редюсером не ебаться.

У нас их middleware дергает, ты просто кормишь ей 3 константы.

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

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

Кастомные скролбары - недоступное зло грозящее кучей багов

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

Поговорить с дизайнером?

Приложение на весь экран со скролящейся формой и панельками

>Скролящаяся форма

Может реально пришло время поговорить с дизайнером?

Все же нет, тут фулскрин приложение :)

И?

Настолько критично, чтобы сама форма была со скроллом?

Хотя… Может я не знаю всех тонкостей вашего приложения.

Ну, представь себе гугл карты, что-то похожее

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

по виду

Ну ок.

Представил.

Даже юзал.

Вы хотите как у 2gis / google формочку на кусочек экрана?

https://www.dropbox.com/s/iaujqpu488cd342/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202016-08-03%2020.56.04.png?dl=0

Вот даже там кастомный скролл

У меня вопрос на засыпку - его можно в доме найти?

Некоторые блоки можно, некоторых изначально нет

Я именно про кастомный скрол.

Можно конечно, я просто про див, который будет мотаться туда сюда

Это кастомные скроллбары вебкита.

Если я правильно понял.

Там селекторы ::-webkit-scrollbar, которые накладвают форму, цвет, etc.

а, ты про гугл

Да, про гуглкарты.

Да, у них нативные. Думал мы о целесообразности

Сами по себе кастомные скролы это красиво.

По максимуму нужно юзать нативное, согласен. Но иногда это портит весь интерфейс(

Ну вот смотри.

Во всяких кастомных селектах ( давай только не начинать о том, что они тоже зло ) без тоже особо никуда.

Не, кастомные селекты норм ещё.

Потому что нативные ну совсем никакие.

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

А что, на WIn совсем-совсем убого выглядит всё?

У меня просто за время моей работы всегда не было каких-то особых проблем с кастомными скроллбарами, давным давно написали компонент и периодически только рефакторили. Поэтому и подумал может тут готовое что-то уже есть нормальное, без всяких изменений скорости и своей инерции. На вин очень печально, когда темный интерфейс с цветными плашками и тут на тебе светлый страшный скроллбар, который никак с дизайном не сочетается)

ERROR: S client not available

Показать к сожалению не смогу

Кстати, а скроллбар где?

Edge / IE?

У них просто тоже есть свои селекторы (больше нигде, только мастдай и вебкит).

Фф тоже нужен будет точно

Эх.

Ну, готового я ничего не знаю, ежели такие обстоятельства, остаётся пожелать успехов.

Надо глянуть как у гугла выглядят в фф

Могу проспойлерить - нативно.

Я открывал только сейчас, как раз на гуглкарты посмотреть. Там скроллбар системный был.

В моём случае с мака.

Понятно, ладно, буду значит искать приключений себе

Спасибо :)

Удачи! Надеюсь, без особых приключений выдет, в конце.

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

Зачем? Есть же каскадинг

Cascading StyleSheets

Они до добра не доводят)

Бред

Я не претендую, но мне за все время хватило таких каскадов. Да, я любитель бэм неймингов.

Бред

бред бреда

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

Всем привет. state = { prop: 0 } ( index === this.state.prop) - false. Почему после setState в стейте не цифра, а строка?

Полный код?

Да в принципе все) this.state = { selectedIndex: 0, data: this.props.data, }; handleSelectItem(event) { event.preventDefault(); this.setState({ selectedIndex: event.currentTarget.dataset.index }); } const scholarshipsView = items.map((item, index) => ( (items.length > 0 && index == this.state.selectedIndex) ? <SomeComponent />

я проверил через typeOf. сначала при инишиал рендеринге там number, потом строка становится

так вот здесь происходит смена - event.currentTarget.dataset.index

так вот здесь происходит смена - event.currentTarget.dataset.index

да, только что проверил. Вы правы

спасибо

да и это сравнение - items.length > 0 бессмысленно, так как если будет = 0, то не вызовется этот код

у нас же итак обёртка в обёртке обёрткой погоняет и саги сбоку. :) на каждый чих по два компонента. презентационный и контейнер. Так ещё вон предлагают чтобы функция высерала функцию, и преподносят это так, будто бы это ваще киллер-фитча

Декораторы тоже не нужны?

А если каррирование?

Ужас вообще.