SIMD - что то новое )

тебе сколько лет?

есть подозрение, что ты еще более новый

тож только сейчас прочитал про это SIMD) Молодые мы)

есть подозрение, что ты еще более новый

У меня тоже такие подозрения

подскажите по react-router, как хендлить пути для изображений есть такой роут <Route component={Root} path='/'> <Route component={ProjectsList} path='projects'> <Route component={ProjectCard} path=':projectId' /> </Route> ... и есть иконка в обоих компонентах <img src='images/icon.png'> в ProjectsList - норм отображается а в ProjectCard - браузер внезапно начинает искать иконку по пути 'projects/images/icon.png'

<img src='/images/icon.png'> - может так?

omg! похоже ты прав

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

>2 spaces – for indentation Чет уже не очень)

а в чем отличия от eslint ?

так это и есть eslint. здесь фишка в четко определенном code style

как утилиту я standard не рассматриваю, использую eslint-config-standard

Используем standard, удобно, красиво =)

Используем standard, удобно, красиво =)

по точкам с запятой не скучаете?)

неа, уже привыкли

еще немного смущает отказ от trailing comma в массивах/объектах, у меня коммиты с ними стали шелковистее

ну вот это да, я бы тоже не отказался)

2 пробела, нет ; и отказ trailing comma, странный стандарт =)

а чем так 2 пробела не нравятся?

а чем так 2 пробела не нравятся?

2 проблема как то мало, что ли)

пробела*

а кто-нибудь знает, как с веб версии редактировать сообщения?

Я и в аргументах функции запятые ставлю в конце, это же круто!

про отступы лучше не начинать, изъеденная тема без результата) лучше сразу соглашаться с тем code style что есть и не тратить время

А что там с тернарными операторами? Разрешены ли множественные тернарные операторы?

А что там с тернарными операторами? Разрешены ли множественные тернарные операторы?

не глядя скажу, что запрещены :)

эх...

а чем одинарные тернарные операторы плохи?

а чем одинарные тернарные операторы плохи?

вопрос про множественные был

бегло не нашел запрета, но все равно лучше не надо)

множественные да, спорно )

Частенько пишу такое return ( isMain ? <Main /> : isSubMain ? <SubMain /> : <Empty /> )

в рендере

Частенько пишу такое return ( isMain ? <Main /> : isSubMain ? <SubMain /> : <Empty /> )

Я себе вспомогательную функцию написал.

которая работает как модуль classnames?

Частенько пишу такое return ( isMain ? <Main /> : isSubMain ? <SubMain /> : <Empty /> )

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

Частенько пишу такое return ( isMain ? <Main /> : isSubMain ? <SubMain /> : <Empty /> )

<Empty /> реально пуст? чем лучше null?

+ есть и готовые библиотеки, видел даж плагин для babel

которая работает как модуль classnames?

А как он работает? [].concat(classes).join(' ' )?

classNames(styles.root, active && styles.active, {[styles.disabled] : disabled})

что-то я совсем не о том способе подумал

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

объект*

функция принимает такой Set и возвращается только тот ключ, значение которого true

Может закидаете тухлыми помидорами, но почему бы и нет: return ( <div> {selection( x > y, () => <X />, y > x, () => <Y>, z > y && z < x, () => <Z /> )} </div> )

функция принимает такой Set и возвращается только тот ключ, значение которого true

Если я тебя правильно понимаю, то ты имел в виду Map/WeakMap?

Если я тебя правильно понимаю, то ты имел в виду Map/WeakMap?

Ах, да, именно, спасибо, что поправил. Не до конца еще разобрался с ними

можно и с обычным массивом делать такое ``` return ([ a >b && <A key="1"/>, a < b && <B key="2"/> ])

но это уже похоже на извращения (:

{ true: <Empty />, [isMain]: ()=> <Main/>, [isSubMain]: ()=> <SubMain /> }[true]()

можно и с обычным массивом делать такое ``` return ([ a >b && <A key="1"/>, a < b && <B key="2"/> ])

Ну потом там надо будет сделать filter(x=>!!x).join('')?

{ true: <Empty />, [isMain]: ()=> <Main/>, [isSubMain]: ()=> <SubMain /> }[true]()

необычный способ, не знал что так можно )

еще очень тупой вопрос

А я как то могу отследить из внешнего компонента componentDidUpdate у внутреннего?

подписки?

необычный способ, не знал что так можно )

Лучше все же проверить, работает ли он) а потом сразу же забыть))

callback передай во внутренний и в componentDidUpdate вызывай его

Лучше все же проверить, работает ли он) а потом сразу же забыть))

проверил и удивился что работает

У меня есть компонент AppContainer, в нем хедер и children. По изменению чилдрена должен меняться стэйт у хедера.

callback передай во внутренний и в componentDidUpdate вызывай его

Не очень понял как

class ChildComponent { componentDidUpdate() { this.props.someFunc() } } ..... class Root { someFunc() {} render() { return <ChildComponent someFunc={this.someFunc} />} }

главное в someFunc() к this не обращаться или делать так someFunc = () => {}

или в конструкторе чайлда биндить функцию на родителя

или в конструкторе родителя биндить эту функцию

ERROR: S client not available

тоже вариант

собственно someFunc = () => {} в это и затранспайлится

Народ, кто за повышение качества средств разработки, проголосуйте за поддержку PostCSS https://youtrack.jetbrains.com/issue/WEB-16601 Stylelint https://youtrack.jetbrains.com/issue/WEB-19737 в WebStorm :)

лол это как можно сделать поддержку постцсс?

нипанятна

слушайте, а есть какая-то тулза, чтобы отформатировать jsx?

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

https://github.com/yannickcr/eslint-plugin-react ?

лол это как можно сделать поддержку постцсс?

в рантайме на ноде запускать postcss (:

Открываю для себя ES6 Скажите пожалуйста, а как выводить в render() список айтемов, если он не в массиве, а в es6-ном Map() ? Массив: { items.map((item, index) => { <ItemView item={item} key={index} /> }) } А Map как ? Там нет метода .map()

можно не красиво, с помошью for of

items.entries().map()

но лучше хранить в массиве

но entries() кажется дает массив из двух элементов, ключа и значения

или [...items].map

Интересно что React.render поддерживет мапы, правда выводит предупреждение

В массиве хранить, имхо, ничего нельзя, иначе выборка превратится из O(1) в O(n)

но entries() кажется дает массив из двух элементов, ключа и значения

да, точно, главное что возвращается массив

items.values()?

Immutablejs?

items.values()?

ага :)

лол это как можно сделать поддержку постцсс?

Тык нужна просто поддержка фич CSS4 =) https://github.com/stephenway/level4

Ребят, кто в курсе, где можно найти какие то крутые тренинги по Реакту в Москве и Европе?

Первое, что пришло в голову, если учебник хороший у Кантора, то может и курсы такие же :) http://learn.javascript.ru/courses/react

а что то покруче? эот совсем база

egghead?

Круче только писать код. Потому что это не теория, это практика и только практика. Потом можно юзать http://codereview.stackexchange.com/ чтобы по твоему коду "прошлись"

одно и тоже

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

можно на гитхабе поискать что-то

там много интересного типа https://github.com/tayiorbeii/egghead.io_redux_course_notes

хочеться именно очно