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

Ага, мне просто важно сохранить общение с родителем из скроллбара, так как есть разные скроллареа компоненты, один для обычного скроллинга и еще один, где по скроллу залипают элементы и двигаются блоки с абсолютом

А так компоновка похожа

А как нынче с стайлингом скролла? Всё также плохо?

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

О, выглядит неплохо. Только пугает, что у них свой конфиг какой-то.

HappyPack даёт хороший буст, но ccs-ы, и в правду, не всегда собирает.

Всем привет! Столкнулся со странной проблемой, есть код из двух частей - асинхронная функция и генератор. https://i.gyazo.com/44180779a5ce5730e1c85f3b6045a035.png Эти функции не используются, только объявлены. Если я закоментирую один из блоков (первый или второй), то все хорошо. Но если эти две функции объявлены одновременно я получаю Uncaught ReferenceError: _regeneratorRuntime is not defined Код запускаю в приложении create-react-app с дефолтным конфигом. В чем тут дело?

Подскажите, как называлась либа, которая рендерила дерево твоих компонентов с их стейтами, пропсами и так далее

Может это не то, но есть React Developer Tools - расширение для хрома

А как нынче с стайлингом скролла? Всё также плохо?

Так же плохо - это насколько? Вроде не такая большая проблема стилями спрятать нативный скролл и дальше двигать элемент параллельно

Всем привет! Столкнулся со странной проблемой, есть код из двух частей - асинхронная функция и генератор. https://i.gyazo.com/44180779a5ce5730e1c85f3b6045a035.png Эти функции не используются, только объявлены. Если я закоментирую один из блоков (первый или второй), то все хорошо. Но если эти две функции объявлены одновременно я получаю Uncaught ReferenceError: _regeneratorRuntime is not defined Код запускаю в приложении create-react-app с дефолтным конфигом. В чем тут дело?

Полифил и плагин для бабеля поставь

вот так пробовал, но не помогло https://i.gyazo.com/8430537d932388e001eb272283dd2d43.png https://i.gyazo.com/4c3d986c036e18d1f7928bae5c0b4a06.png

была такая же проблема, запускается скрипт у меня через babel-register

после него просто реквайрил бабель полифил

и все норм становилось

https://twitter.com/nordicjs/status/773781021900861440

https://twitter.com/nordicjs/status/773781021900861440

спасибо за ссылку)

По мне так для кастомных скроллбаров есть нативная стилизация в хроме (и мб в других тоже), а остальные обойдутся

Зависит от интерфейса, иногда стандартные на винде ужасно его портят

Это тот же холивар, что и сторонники стандартных контролов в формах. Если хватает в конкретном кейсе - пользуйтесь, но не у всех так :)

немного оффтопа: кто-нибудь знает какие-то сервисы или редакторы с функциями collaboration(примерно как в g docs)? Там для парного кодинга или чего-то подобного

есть плагин для вима )

covim чет не завелся, да еще и порты шарить надо

не завелся ни в gvim, ни в neovim

в atom есть некий atom-pair, даже с интеграциями в слэк\хипчат, попробую его еще

у тмукса есть плагин же

tmate?

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

знак процента надо эскейпить

немного оффтопа: кто-нибудь знает какие-то сервисы или редакторы с функциями collaboration(примерно как в g docs)? Там для парного кодинга или чего-то подобного

c9.io посмотри, там вроде это есть

спасибо

знак процента надо эскейпить

ескейпить в смысле? как это сделать можешь объяснить?

urlencode

Сделал. заменил 100% на аuto, помогло, спасибо

тоже вариант, но лучше было бы % на %25 заменить

Можно ли делать такой вызов dispatch, это оптимизированно ? <input onChange={::this.props.onInputChange} /> const mapDispatchToProps = (dispatch) => { return { onInputChange: (event) => { dispatch(updateControl({ value: event.target.value })); } } }

Так же плохо - это насколько? Вроде не такая большая проблема стилями спрятать нативный скролл и дальше двигать элемент параллельно

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

Можно ли делать такой вызов dispatch, это оптимизированно ? <input onChange={::this.props.onInputChange} /> const mapDispatchToProps = (dispatch) => { return { onInputChange: (event) => { dispatch(updateControl({ value: event.target.value })); } } }

обычно для таких вещей throttle еще юзают, хз оправдано тут или нет

Сам скролл будет себя вести как обычно, он будет на странице, просто его будет не видно за overflow: hidden

Я имею в виду именно перемещение контента и событие

Остается только считать пропорционально значения высоты и скорости передвижения ползунка

Можно ли делать такой вызов dispatch, это оптимизированно ? <input onChange={::this.props.onInputChange} /> const mapDispatchToProps = (dispatch) => { return { onInputChange: (event) => { dispatch(updateControl({ value: event.target.value })); } } }

функция onInputChange будет пересоздаваться каждый раз, когда меняются ownProps.

так .. и что в этом ? ..

Ну если нужно значение в глобальном сторе, то что еще остается)

Слухайте, а кто какие boilerplate реактовские использует? Может кто своё что-то написал.

create-react-app ?

Думаю create react app еще сыроват

Да не, он на самом деле стабильнее многих бойлерплейтов. Просто по фичам пока не дотягивает

Болейрплейты это просто пример как надо организовывать проект и не больше. Лучше самому написать с нуля поглядывая на болейрплейт

Мне больше интереснопо всяким штукам и идеям хорошим. Вот в чатике подсмотрел про хаппипак, прикрутил, повысил скорость. Может у кого свои штуки всякие такие есть.

Webpack-dashboard крутая штука :)

ERROR: S client not available

Вот кажется крутой бойлерплейт https://github.com/mxstbr/react-boilerplate но сам его не юзал

а сейчас работаю над проектом на основе этой штуки https://github.com/erikras/react-redux-universal-hot-example вцелом ок, жаль только забросили репозиторий

вроде не забросили, в ишусах разговаривают там

Webpack-dashboard крутая штука :)

Спасибо, то, что искал!

react helmet — это прям какой-то костыльный костыль

Чем крутая?

webpack-dashboard в сочетании с babel-plugin-lodash, lodash-webpack-plugin выдает баги в Redux. Не юзайте его

Странно, может всё-таки не в дашборде проблемы?

нет, в нем

я создал issue к ним в репу

фига, как раз моя связка. А можно ссылку на issue?

+1

есть какой-то нормальный способ сделать fixed-элемент, ширина которого относительна к родительскому элементу, а не к window?

джсом считать

а есть такой чат, но с перламутровыми пуговицами^W^W про джс?

pro.js

джсом считать

а за столько лет фронтэнд сообщество ничего с этим не придумало?

Можно сделать position: absolute, а по скролу виндоу - скроллить руками этот блок :)

Можно сделать position: absolute, а по скролу виндоу - скроллить руками этот блок :)

все равно width не относительная в этом случае

А какая? От relative width считается у абсолюта

я создал issue к ним в репу

webpack-dashboard в сочетании с babel-plugin-lodash, lodash-webpack-plugin выдает баги в Redux. Не юзайте его

обыскался, не нашел ни одного ишьюса

но есть фичреквест например https://github.com/FormidableLabs/webpack-dashboard/issues/28

А какая? От relative width считается у абсолюта

я проверил: у абсолюта ширина относительно window тоже

https://jsfiddle.net/ktmcu4n8/ ведь