https://gitter.im/backlog-js/questions

где на backlogJS подписаться? что бы не пропустить?

а в чем профит по сравнению с системой контроля версий?

чта?

backlogjs — это хенгауты

профит по сравнению с системой контроля версий в том, что можно смотреть и пить пивко

еще есть профит по сравнению с утюгом и дождем

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

но следующий хэнгаут 8го числа — это могу заранее сказать точно

вы о чем сейчас вообще? %)

не важно короче)

есть хэнгауты https://www.youtube.com/watch?v=C3OqbN-Rtro называются беклогжс. вчера первый был. о чем Дмитрий я не знаю

но Виктор явно ими интересовался

ребят. вопрос. чисто реакт и верстка =)

есть таблица

при клике на одну из строк нужно чтоб под ней делался так называемый slideToggle

вы о чем сейчас вообще? %)

сколько нахожусь в этом канале, столько и не втыкаю =)

строки, которая не существует

ткнул. добавилась в дом и начала анимироваться

в чем проблема? создавай и анимируй)

сделать фейковую строку заранее?

componentDidMount

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

меня вот удаление больше волнует

он пропадает из ДОМа и уже не анимируется

ага) я тут раньше спрашивал уже, есть компоненты для этого. ну или можно просто начинать анимацию, а удалять по окончании

ReactTransitionGroup https://facebook.github.io/react/docs/animation.html

оно на раскрытие и есть

@chicoxyzzy https://github.com/facebook/react/issues/6166 А вот это уже работает?

нет, и не будет

А как мне на integer провалидировать?

тайпскриптом

хуева)

Написал бы либу своих PropTypes

ваще на самом деле в тайпскрипте тоже нет интов

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

ваще и правильно делают

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

а нахера они то? сделай отдельную либо, будут благодарны тебе)

я буду)

мне не нужно

ясн

эх, и тут ничего не сказали((

эх, и тут ничего не сказали((

а какой вопрос остался?

есть компоненты для этого - что за компоненты?

вот тут должна быть парочка пропозалов для проптайпсов, можно оттуда код стырить https://github.com/pulls?q=is%3Apr+author%3Achicoxyzzy+is%3Aclosed

Vitaliy у тебя видимо анимация на скрытие не отрабатывает, поэтому и дергается

она не неотрабатывает

ей нечего анимировать, потому что элемента уже нет в доме

есть компоненты для этого - что за компоненты?

эм... ReactTransitionGroup https://facebook.github.io/react/docs/animation.html

<ReactCSSTransitionGroup transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={300}> {items} </ReactCSSTransitionGroup> Глянь ссылку выше

“ну или можно просто начинать анимацию, а удалять по окончании”

и как ты предлагаешь это сделать? у меня прошел рендер -> он видит, что нет стейта сигнализирующего о том, что допстроки должны показываться

вот он и убивает строку

Он удалит после того как анимация закончится

смотри пример в документации

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

каждая tr - это компонент

Возможно у тебя стили на анимацию не правильные

сверху tbody который является оберткой - CSSTransitionGroup

я по дебагеру вижу, что строка исчезает

Alexander просто подход у меня не прокатит)))

Посомтри в react-router там есть примеры анимаций страниц.

тут ситуация сложнее))

о, роутер, анимация страниц, интересно

https://github.com/reactjs/react-router/tree/master/examples/animations

спасибо

а кто то имел дело с cloneElement?

что оно есть такое?

ERROR: S client not available

и для чего?

React modal?

Ребят, как можно передать данные из одного child compoment в другой ? У меня есть ProductsPage '/products' который рендерит список товаров, ProductPage '/product/:productSku' который рендерить товар по отдельности, в обоих компонентах есть onClick для отправки в корзину, так вот как забрать данные по клику для компонента CartPage '/cart' ?

Ребят, как можно передать данные из одного child compoment в другой ? У меня есть ProductsPage '/products' который рендерит список товаров, ProductPage '/product/:productSku' который рендерить товар по отдельности, в обоих компонентах есть onClick для отправки в корзину, так вот как забрать данные по клику для компонента CartPage '/cart' ?

использовать redux или другие сторы, или прокидывать от отца фукнцию к :productSku и в отце передать нужные данные к CartPage - но так лучше не делать =)

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

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

а как в целом курс? Стоит смотреть?

а как в целом курс? Стоит смотреть?

я только начал учить react и в целом js, по этому объективно не могу сказать ) а так мне понравился, без воды во всяком случае

Всем привет! Кто-нибудь может мне помочь разобраться с Redux - капец какой-то, ни как не могу въехать

уже кучу скринкастов просмотрел, последний от Дэна Абрамова был. Но нифига не вкуриваю

Может оно мне и не надо? Я сейчас юзаю react в качестве апп для дополненой функциональности php сайта

А что именно не понимаешь?

Саму концепцию? Или как использовать? Или зачем использовать?

Зачем? И как?

Ну про как в целом можно разобраться

Что мне мешает у моего App создать единственый state в root и туда же все хендлеры засунуть и далее через пропсы компонентов передавать root как app=this и в любом компоненте иметь доступ к глобальному state?

Чем этот подход отличается от redux?

Ну по идее ни чем) Redux делает почти тоже самое) Выносит state в одно место и обеспеивает однонаправленный поток данных

Но в Reduxe есть какое-то логическое разделение, между экшенами, редьюсерами и константами

у тебя же это будет все в один файл впихнуто

Плюс, допустим у тебя есть такая композиция компонентов App -> View -> SomeComponent, и вот SomeComponent должен выполнять какие то действия с главным стэйтом, а View нет, но тебе все равно придется пробрасывать по всему пути нужные пропсы, что бы твой SomeComponent мог выполнять свои функции

а это опять же какая-то каша получается

ну да

В reduxe этого не надо, ты подключаешь стейту глобальному, только те компоненты, которые должны с ним работать

От сюда и разделение на компоненты и контейнеры (иногда называются глупые и умные компоненты, но не всем нравится такая терминология)

Контейнеры - это те компоненты, которые работают с редуксовским стэйтом, а обычные компоненты работают с пропсами и своим стейтом

Например, Button - будет компонент, его можно где угодно использовать, все что он делает, например выполняет обработчик onClick из props

А вот какая-нить сферическая кнопка VoitButton - которая отправляет запрос на сервер, при нажатии - это уже контейнер

и если Button вообще может быть ф-цией ( stateless компонент) const Button = ({onClick, children}) => ( <button onClick={onClick}>{children}</button> )

То VoitButton будет чуть сложнее, хотя бы потому, что будет обращаться к state, вызывая нужные экшены, но в функции render мы используем наш компонент Button

class VoitButton extends Component { handleClick() { /* вызываем экшены */} render() { return ( <Button onClick={this.handleClick}> Голосовать </Button> ) } } Вот как то так

хм, интересно

Как побочный эффект, очень структурирует проект, потому что тебе за ранее приходится думать