бета бете рознь

я подожду 5, а там посмотрю переходить ли на 4 роутер

5 редакс роутер

бля забыл что реакт уже не в бете

ща запинают

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

Все там на обычных middleware ,самому хоть пиши

ща запинают

Я хотел)

не суть, он в 0.x ветке уже активно юзался

Есть кто TDD использует?

Может есть хорошие статьи, как правильно писать тесты для реакт компонентов

И возможно даже для контейнеров

Теперь да, один бэкендик

Ответил через две недели

Блиин, пятница же наступила

ппц время летит

бля

нахера ты это написал

у меня дедлайн в пятницу

:C

Я на оборот спасаю тебя!

Напоминаю

https://github.com/ReactVT/react-vt

Absolutely haram

https://github.com/Bloomca/redux-tiles

Ема ноду опять форкнули

Ема ноду опять форкнули

Кто

ayojs/ayo: It's pronounced like "IO" https://github.com/ayojs/ayo

It's pronounced like IO ))

Вообще всё

Для обучения, показать азы пойдет как нельзя лучше. Ты меряй не со своего уровня, а с уровня чугун-джуниора. Всему свое время.

It's pronounced like IO ))

АУЕ

Для обучения, показать азы пойдет как нельзя лучше. Ты меряй не со своего уровня, а с уровня чугун-джуниора. Всему свое время.

"Как нельзя лучше" в отношении откровенно косячного курса — это либо плохая шутка либо я хз даже Я не меряю со своего уровня, у них там тупо перерендер на перерендере в 30 строчках, чему могут обучить такие люди?

"Как нельзя лучше" в отношении откровенно косячного курса — это либо плохая шутка либо я хз даже Я не меряю со своего уровня, у них там тупо перерендер на перерендере в 30 строчках, чему могут обучить такие люди?

Что значит перерендер?

Может есть хорошие статьи, как правильно писать тесты для реакт компонентов

тоже интересно, много ли тут тех, кто тдд делает а про статьи наверное что-то типа https://medium.com/tag/jest

ребят, подскажите пожалуйста по оптимизации рендеринга. Использую react-scrollbar для плавного скролла страницы. У него есть событие onScroll у которого можно получить текущее значение позиции скролла. Нужно это значение передать компонентам для того, чтобы отрисовывать плавное движение элементов на странице через react-motion (в зависимости от положения скролла). юзаю вот так: <ScrollArea speed={3} className="scrollable" smoothScrolling={true} horizontal={false} onScroll={this.handleScroll}> <Switch> <Route exact path='/' render={(props) => ( <Home scrollY={scrollY} /> )}/> <Route path='/about' render={(props) => ( <About scrollY={scrollY} /> )}/> </Switch> </ScrollArea> то есть, я отслеживаю событие скролла, меняю state у root компонента, затем считываю этот state - пишу в props и юзаю в дочерних компонентах. собственно, проблема: запись стейта запускает рендеринг всего - потому что стейт пишется к руту. А он пишется при каждом событии скролла страницы. Можно ли как-то пробрасывать props потомкам без стейта? Например брать пропс у этого же ScrollArea и передавать дальше?

ребят, подскажите пожалуйста по оптимизации рендеринга. Использую react-scrollbar для плавного скролла страницы. У него есть событие onScroll у которого можно получить текущее значение позиции скролла. Нужно это значение передать компонентам для того, чтобы отрисовывать плавное движение элементов на странице через react-motion (в зависимости от положения скролла). юзаю вот так: <ScrollArea speed={3} className="scrollable" smoothScrolling={true} horizontal={false} onScroll={this.handleScroll}> <Switch> <Route exact path='/' render={(props) => ( <Home scrollY={scrollY} /> )}/> <Route path='/about' render={(props) => ( <About scrollY={scrollY} /> )}/> </Switch> </ScrollArea> то есть, я отслеживаю событие скролла, меняю state у root компонента, затем считываю этот state - пишу в props и юзаю в дочерних компонентах. собственно, проблема: запись стейта запускает рендеринг всего - потому что стейт пишется к руту. А он пишется при каждом событии скролла страницы. Можно ли как-то пробрасывать props потомкам без стейта? Например брать пропс у этого же ScrollArea и передавать дальше?

redux

Храни там.

понял, буду изучать редакс :) спасиб

извините, промахнулся

Есть 2 массива с объектами, нужно пройтись по ним и понять, что добавилось в 1ый массив, а что удалилось, и эти изменения как-то сохранить, при удалении можно хранить айди, при добавлении весь объект, потом есть результирующий массив, там эти данный отформатированные, нужно в ней так же удалить, если удалилось и добавить, если добавилось, как лучше сделать?

данные могут повторяться ?

Через фасад который оборачивает доступ к массивам, синхронизирует их и пишет лог, например.

в общем случае, использовать Set и difference, intersection

ребят, подскажите пожалуйста по оптимизации рендеринга. Использую react-scrollbar для плавного скролла страницы. У него есть событие onScroll у которого можно получить текущее значение позиции скролла. Нужно это значение передать компонентам для того, чтобы отрисовывать плавное движение элементов на странице через react-motion (в зависимости от положения скролла). юзаю вот так: <ScrollArea speed={3} className="scrollable" smoothScrolling={true} horizontal={false} onScroll={this.handleScroll}> <Switch> <Route exact path='/' render={(props) => ( <Home scrollY={scrollY} /> )}/> <Route path='/about' render={(props) => ( <About scrollY={scrollY} /> )}/> </Switch> </ScrollArea> то есть, я отслеживаю событие скролла, меняю state у root компонента, затем считываю этот state - пишу в props и юзаю в дочерних компонентах. собственно, проблема: запись стейта запускает рендеринг всего - потому что стейт пишется к руту. А он пишется при каждом событии скролла страницы. Можно ли как-то пробрасывать props потомкам без стейта? Например брать пропс у этого же ScrollArea и передавать дальше?

дико бесит когда какой-то сайт меняет нативное поведение скрола

https://jsfiddle.net/h3ag4a1s/

дико бесит когда какой-то сайт меняет нативное поведение скрола

http://carv.ai/ вот пример. Выглядит красиво, ни разу не бесит.

добавление в массив всегда будет с конца

всегда будет приходить по аргументам 1 итем

т.е. сразу несколько элементов не будет

Есть 2 массива с объектами, нужно пройтись по ним и понять, что добавилось в 1ый массив, а что удалилось, и эти изменения как-то сохранить, при удалении можно хранить айди, при добавлении весь объект, потом есть результирующий массив, там эти данный отформатированные, нужно в ней так же удалить, если удалилось и добавить, если добавилось, как лучше сделать?

https://codepen.io/artalar/pen/GvBwgd?editors=0010

Подправил проверки на меньшее и больше. Чет туплю с утра

спасибо, уже не надо

ERROR: S client not available

https://jsfiddle.net/h3ag4a1s/3/

Используй строгое сравнение. Да и some семантически больше подходит, чем find

http://carv.ai/ вот пример. Выглядит красиво, ни разу не бесит.

а че розового цвета нет? говно какое-то

http://carv.ai/ вот пример. Выглядит красиво, ни разу не бесит.

прикольная штука, засовываешь в ботинки, а она фиксирует трюки)

я думал это подогреватель

прикольная штука, засовываешь в ботинки, а она фиксирует трюки)

Да, удобно - этой зимой тестил)

прикольная штука, засовываешь в ботинки, а она фиксирует трюки)

А технику езды умеет анализировать?

Как раз зимой собираюсь поехать кататься

А технику езды умеет анализировать?

да, и маршрут

там же на сайте все показанно

я не юзал

Класс, интересно если сейчас закажу, то успеют ли прийти до НГ?

Не сильно мешают в ботах?

Не сильно мешают в ботах?

Нет, мелкие датчики

Хмм, интересно, а то я думал о такой штуке на сноуборд http://www.traceup.com

стоп, а карв только для лыж, получается?

))

Чем тебе вуй не угодил?

Марк @javascript_jobs

Я уже как раз туда заскачил)

кто как тестирует реакт компоненты?) надо, например, получить dom элемент, определенную кнопку. Пока из вариантов прокидывать к каждой кнопке атрибут типа data-name, который будет отображать суть ее бизнес логики (например, addTask), по нему ее находить в DOM и тестировать сценарий. Может есть более удобное решение, которые не заставит переписывать исходный код?

энзим?

Мужики, подскажите, плиз, всю голову сломал. Согласно этой ссылке (http://redux-form.com/7.0.3/docs/faq/HandleVsOn.md/), я не должен делать event.preventDefault(), но у меня все равно форма сабмитится стандартным способом. Событие, вроде, успевает сработать, но после этого форма сабмитится и страница перезагружается. Вопросов нет, я могу воткнуть preventDefault и проблема уйдет, но хочется разобраться, а не залипуху лепить. Кусок кода с формой: <form onSubmit={ values => props.handleSearchSubmit( values ) }> ... <button className="section-item type-button" type="submit"></button> </form> Связываю таким образом: const mapStateToProps = function( store ) { return ( { ...store.analyticsCabinet, handleSearchSubmit: ( data ) => store.dispatch( doSearch( data ) ) } ); }; AnalyticsCabinet = connect( mapStateToProps )( AnalyticsCabinet ); AnalyticsCabinet = reduxForm( { form: "myform" } )( AnalyticsCabinet ); export default AnalyticsCabinet;

энзим?

а он получается будет завязан на названия классов и архитектуру? уточню, тесты нужны для тестировщиков, selenium тесты

А, е2е