Не обновлю сейчас, охуею ещё больше потом

Рекурсивно. И размер всех зависимостей еще

Юзает ли лефтпад.

Самое забавное конечно обновлять редакс-логгер

Вот на этом моменте понимаешь, что с зависимостями уже полная пизда

Не обновлю сейчас, охуею ещё больше потом

Я так вебпак обновил, в там брекинг чейнджес в минорном апдейте.

Пруфы

Пруфы

Там во второй версии, когда они выкатили валидатор конфига.

Так вторая версия бета

Лол

Кто-нибудь смотрел зависимости еслинта? Там есть интересный модуль https://github.com/sindresorhus/user-home/blob/master/index.js Который как я понял тупо экспортит другой модуль https://www.npmjs.com/package/os-homedir

Либо потенциальный PR, либо я ничего не понял

Так вторая версия бета

Вот именно, шо бета, а не альфа.

И?

Можно ломать сколько угодно

На то и бета, семверу не подчиняется

Что такое семвер?

Что такое семвер?

метод именования версий типо 1.2.3 с мажорными, минорными апдейтами и патчами

semver.org

Круто, спасибо

друзья, а в дев режиме, например, для middleware hmr и webpack-dev-server сильно ли плохо через babel-node запускать? тесты на карме падают периодически из-за out of memory, но не уверен, проблема ли это babel-node

Что такое семвер?

Жизненно необходимый навык в ноде

Кто-нибудь смотрел зависимости еслинта? Там есть интересный модуль https://github.com/sindresorhus/user-home/blob/master/index.js Который как я понял тупо экспортит другой модуль https://www.npmjs.com/package/os-homedir

https://github.com/sindresorhus/user-home#why-not-just-use-the-os-home-module

https://github.com/sindresorhus/user-home#why-not-just-use-the-os-home-module

Лол

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

Как лучше всего это делать

я знаю два способа: 1. с помошью https://github.com/prometheusresearch/react-forms но мне он не подошел 2. собственный велосипед

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

Спасибо, гляну

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

Yup

Всем привет! Вопрос: что использовать для форматирования телефонного номера: +7 (123) 123-45-67? Любой телефонный номер любой страны (ну или ряда стран).

libphonenumber

подскажите люди, как передать в этой строке <Route path="partner/:name/:area/schedule/:activityName/:activityDate/:activityScheduleId" component={ActivityDetail} fetchData={fetchActivityDetail(:activityName, :activityDate)} /> в fetchData, данные из этого роута?

подскажите люди, как передать в этой строке <Route path="partner/:name/:area/schedule/:activityName/:activityDate/:activityScheduleId" component={ActivityDetail} fetchData={fetchActivityDetail(:activityName, :activityDate)} /> в fetchData, данные из этого роута?

а у тебя fetchActivityDetail(:activityName, :activityDate) нормально работает? ? В любом случае вся логика манипуляций с данными должна происходить в компоненте или проксе роутера

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

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

Или я отстал от жизни и у react-router появился проп fetchData или ты юзаешь какой-то другой роутер... нужно больше информации

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

Вот мне туда параметры надо передавать

а есть clipboard.js, только без кучи говна в коде?

@gusnkt какие браузеры?

флеш нужен?

не

https://github.com/zenorocha/clipboard.js - вот это, только почище)

оно зачем-то хочет за меня все сделать

можно эту посмотреть https://github.com/sudodoki/copy-to-clipboard

document.execCommand('copy');

document.execCommand('copy');

дилетанты)

опять же https://github.com/sudodoki/copy-to-clipboard/blob/master/index.js#L60

так это catch в catch

Один стейтфул компонент в другом — это плохо?

так это catch в catch

да хоть 10 раз в catch. если была ошибка, отдай ошибку, не надо казаться умнее(

var supported = document.queryCommandSupported("copy"); if (supported) { // Check that the browser isn't Firefox pre-41 try { document.execCommand("copy"); } catch (e) { supported = false; } } if (!supported) { // Fall back to an alternate approach like ZeroClipboard }

хм, сам решил свой вопрос - реакт-роутер передает все свойства во все свои пропсы

хром и фф с 41 поддерживают, вроде

оо, картиночка уже артефактится

есть такое, жатая, пережатая

такой вопрос: вещи вроде d3 имеет ли смысл тестировать штуками вроде enzyme?

эта картинка тоже уже с артефактами)

такой вопрос: вещи вроде d3 имеет ли смысл тестировать штуками вроде enzyme?

что ты хочешь тестировать?

@iamstarkov const layerSelection = d3.select(renderedObject.instance.refs.chart).selectAll('.reports_chart-layer') const layers = layerSelection[0] const layer = d3.select(layers[0]) expect(layers.length).to.eql(2)

типа такого, DOM

зачем ты тестируешь непосредственно работу d3?

хороший вопрос

так недалеко скатиться и до тестирования самих react, Promise, fs

тестируй своё

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

иначе надо тестировать всё

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

то, чему не доверяешь — не используй

Ребят как обратиться к свойству обьекта в jsx разметке, если свойство обьекта содержит спецсимволы, типа obj { @key: 1}

Ребят как обратиться к свойству обьекта в jsx разметке, если свойство обьекта содержит спецсимволы, типа obj { @key: 1}

obj['@key']

@iamstarkov например, навел мышку на бар - показал тултип. это ведь нужно протестировать, это уже результат работы d3, а я могу проверить, показался тултип или нет

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

вот вопрос, это тогда в селениум тесты выносить?

этого можно избежать?

ведь вроде можно юнит тесты для d3 писать

1 https://www.eventbrite.com/engineering/leveling-up-d3-test-driven-development/ 2 http://eng.wealthfront.com/2016/07/27/tips-for-unit-testing-d3/

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

подскажите как прокинуть ref родительского компонента в дочерний? render: function() { const { messages } = this.props; return ( <div ref="messageList"> <MessageListStickyDate getParentNode={() => this.refs.messageList} /> …

лучше так не делать

Если форма — стейтлес-компонент, как получить её значения в onSubmit, не обращаясь напрмую к DOM?

кинуть ей проп onChange?

если stateless, как же без DOM :)

лучше так не делать

а как лучше?)

<YourForm onChange={this.onFormChange} />?

а как лучше?)

вопрос в том, зачем тебе такое? я уверен, есть более простой путь

Типа по onChange поля писать значение в стейт приложения, а при onSubmit брать значения из стейта?

ну это самый простой способ)

вообще с формами в реакте всегда гемор был

Так. А если инпут — стейлес, то я могу в хендлере только к event.target.value обращаться?

Все ж говорят, что это плохо. Или чего не понял?

Короче, я нашёл https://redux-form.com/6.1.0/docs/GettingStarted.md/

Что скажете?

На помойку

Редакс форм не нужен

редукс-форм говно

Ыыы...

Ручками? Или есть что-то по-лучше?