и бтв тесты важнее как мне кажется

я хочу все что облегчит разработку в будущем связанное со стилями

stylelint

post-css + css-modules отличный вариант

плюсую

facebook.github.io/react

Что там есть связанное с PureComponent? Вопрос про миксин был? BTW там стринг рефы на главной - Дэн же вроде оф туториалы переписывал ☺️

подскажите как можно перерендерить компонент ?

если я например удаляю весь html с id

shouldUpdate?

если я например удаляю весь html с id

поменять стейт, forceUpdate()

или forceUpdate, чет такое

а состояние хранить в стейте

Что там есть связанное с PureComponent? Вопрос про миксин был? BTW там стринг рефы на главной - Дэн же вроде оф туториалы переписывал ☺️

Они пока в отдельной ветке лежат - new-docs

Знатокам flex http://codepen.io/istarkov/pen/yaKmxj можно ли заставить text-overflow: ellipsis в этом примере заставить работать не проставляя всем flex айтем парентам min-width: 0 (аналогично не проставляя все flex айтем парентам стиль из .text}

Знатокам flex http://codepen.io/istarkov/pen/yaKmxj можно ли заставить text-overflow: ellipsis в этом примере заставить работать не проставляя всем flex айтем парентам min-width: 0 (аналогично не проставляя все flex айтем парентам стиль из .text}

а зачем там флекс всему подряд?

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

в реале там еще много чего и он там нужен

https://github.com/gajus/redux-immutable

Жесть

Оно Immutablejs держит не как peerDependency

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

ну в этом примере достаточно для .block сделать overflow: hidden мб убрав лишние флексы)

https://github.com/indexiatech/redux-immutablejs А тут вроде peerDependency, поэтому вроде исключится дублирование immutable в бандле

ну в этом примере достаточно для .block сделать overflow: hidden мб убрав лишние флексы)

в условии не ставить стилей из .text

overflow: hidden в том числе

так как реально неохота править всех парентов в цепочке их там не 2 ?

в условии не ставить стилей из .text

непонятное условие) можно width: 300px постаивть для .main и всё) полагаю, тоже не подходит

угу - представь что все что выше .main править лень ?

Знатокам flex http://codepen.io/istarkov/pen/yaKmxj можно ли заставить text-overflow: ellipsis в этом примере заставить работать не проставляя всем flex айтем парентам min-width: 0 (аналогично не проставляя все flex айтем парентам стиль из .text}

http://codepen.io/anon/pen/vXjBZk так?

http://codepen.io/anon/pen/vXjBZk так?

flex убирать нельзя

понятно что в этом примере не влияет - в реальной верске он нужен

вобщем сама идея что мне надо пройти по дереву выше и что то там поправить чтобы где то внизу заработал ellipsis меня напрягает ?

могу обойти выставив position relative на main и сделать text абсолютом - теряю размеры но по крайней мере не надо править всю верстку

вобщем сама идея что мне надо пройти по дереву выше и что то там поправить чтобы где то внизу заработал ellipsis меня напрягает ?

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

это то понятно - где коммунити хаки ?

Таблицы наше все)

Посаны, подскажите, а что ОК для анимаций: rc-animate, react-motion, что-то еще?

Мне пока на уровне анимации менюшек туда-сюда, но потом мб что-то еще

Мне пока на уровне анимации менюшек туда-сюда, но потом мб что-то еще

тогда мб transition и animation достаточно а если надо анимировать изменения стейта, тогда уже что-то из либ

https://github.com/FormidableLabs/react-animations

Посаны, подскажите, а что ОК для анимаций: rc-animate, react-motion, что-то еще?

https://github.com/bringking/react-web-animation

Народ, по ангуляру подскажите чат?

Нет, я не предатель! Но по работе надо.

Нет, я не предатель! Но по работе надо.

https://telegram.me/angular_js но там дохуя злобных адептов ангулара

https://telegram.me/angular_js но там дохуя злобных адептов ангулара

Спасибо! Я им не скажу, что я засланный казачок ?

Народ, по ангуляру подскажите чат?

https://telegram.me/angular2

Ещё один

От души братиша

А что такое-то?

столько ангуляра в реакт чатике))

бгггг

что, страшно? ))))))

кто же знал, что тут по ночам происходит?))

Посаны, подскажите, а что ОК для анимаций: rc-animate, react-motion, что-то еще?

По-моему api transition group с головой хватает. У меня все через него.

Что-то у меня через него глючки с react-router

По-моему api transition group с головой хватает. У меня все через него.

А есть примеры работы с react-router?

Там всего 3 вида событий в жизненом цыкле какие примеры?

class Animation extends Component { componentWillAppear(cb) { this.refs['container'].classList.add(style['betslip-container_animation-open']); setTimeout(cb, 300); } render() { return( <div ref="container" className={style['my-component']}> <SubComponent /> </div> ) } }

У нас так

Кто-нибудь изобрел способ вылечить это без await? https://i.gyazo.com/3e9041731ccbbc797f51b45d3df049bc.png

И страница при роутинге появляется с анимацией

Кто-нибудь изобрел способ вылечить это без await? https://i.gyazo.com/3e9041731ccbbc797f51b45d3df049bc.png

не нестить промисы

не нестить промисы

но если нужно?

Можно генераторами.

типа co()?

но если нужно?

можешь показать почему?

как-то так, Promise.all это не будет тоже самое https://i.gyazo.com/22d8a6119c0b9e356bedd055c0746e07.png

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

Можно вообще забить на catch() и тест отвалится с грохотом все равно, будет заметно. Но в консоли не будет нормальной ошибки

делай return промиса и выстроишь что-нибудь более плоское с одним catch

делай return промиса и выстроишь что-нибудь более плоское с одним catch

спасибо!

делай return промиса и выстроишь что-нибудь более плоское с одним catch

+1

Кстати, с нативными промисами (без spread) такое разрулить в плоскую цепочку не то что бы тривиальная задача.

Что такое spread?

http://bluebirdjs.com/docs/api/spread.html

И вот деревья как раз сложно

descript('', () => { it('', done => { let clickId; makeClick() .then(({ id }) => { clickId = id; return handleInstalls(); }) .then(() => Click.findById(clickId)}) .then(click => { // chai // click.status }) .then(done, done) }) })

Кстати, с нативными промисами (без spread) такое разрулить в плоскую цепочку не то что бы тривиальная задача.

ну вот разрулил

спасибо!

/сс

ну вот разрулил

ну это читерство :)

ты заюзал внешнюю переменную.

ну если тесты корявые, то только так

я бы их тоже переписал, чтобы не читерить

descript('', () => { it('', done => { let clickId; makeClick() .then(({ id }) => { clickId = id; return handleInstalls(); }) .then(() => Click.findById(clickId)}) .then(click => { // chai // click.status }) .then(done, done) }) })

тут грамотно, как надо! думал выносить clickId или нет

Можно как-то так по идее return Promise.all(handleInstalls(), id);

И тогда не придется ничего выносить.