Есть в родительском компоненте метод update(obj). В obj приходит новое состояние, которое потом устанавливаем. А дочерний компонент принимает props (<Child update = { this.update.bind(this)} />). В Child создается событие  onClick={ () => update(newObj)}. Вопрос: зачем использовать bind для передачи функции? Кому не сложно, объясните

oO гхм... а зачем вообще нужен .bind()? )

для того же и тут

bind возвращает функцию обертку

Тебя смущает, что при этом в функиции-обработчике всё равно не испльзуется контекст, или что?

Если не делать bind, то контекст переданной функции потеряется при вызове, а так он всегда связан

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

При этом для консистентности и “на всякий случай” так делают даже с функциями которые this не используют внутри

В данному случае <Child update = { this.update.bind(this)} /> this в bind будет указывать на родительский компонент?

Да

/angular_js

/angular_js

))

/angular_js

/angular_js

/angular_js

/angular_js

/angular_js

)))

так его!

раз вечер вопросов начали, может кто-нибудь подскажет) начал возиться с редаксом, сделал себе более менее абстрактные экшн и редьюсер для работы с саджестом в инпуте. Для 2х инпутов в сторе использую один и тот же редьюсер и, соответственно, оба реагирует на экшн и показывают саджест. Есть какой-нибудь бест практис как это обойти? Я пока нашел один метод, но он кажется костыльным и вероятно просто голова пока по другому устроена)

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

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

Что такое обертка?)

action creator, который дергает универсальные функции для экшенов

/JSlang

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

/angular_js

Упс

раз вечер вопросов начали, может кто-нибудь подскажет) начал возиться с редаксом, сделал себе более менее абстрактные экшн и редьюсер для работы с саджестом в инпуте. Для 2х инпутов в сторе использую один и тот же редьюсер и, соответственно, оба реагирует на экшн и показывают саджест. Есть какой-нибудь бест практис как это обойти? Я пока нашел один метод, но он кажется костыльным и вероятно просто голова пока по другому устроена)

в идеале это reducer composition; конкретный пример тут — https://github.com/reactjs/redux/blob/ecb1bb453a60408543f5760bba0aa4c767650ba2/examples/real-world/reducers/paginate.js, но по-моему можно и намного проще сделать, по аналогии тудулисту, где каждый айтем — тоже редъюсер

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

/angular_js_nadoel

Ну привет

/angular_js

eto obman! :<

da :’(

/stat@comstatbot

Всем привет

Подскажите, пожалуйста, делаю подобную штуку http://jsfiddle.net/kennis/JTvFZ/ Только нужно вывести более сложный хтмл, и ~10 000 записей, как правильно оптимизировать все это? Я так понимаю, нужно разбить данные на группы и всем невидимым в данный момент элементам сделать display none

С телефона фидл не работает, там фишка в скролле

дисплей нон не стоит, ведь ты можешь просто не рисовать их. а высота элемента известна и фиксирована?

Да, можно зафиксировать

А в како момент лучше перерисовывать?

1) вешаешь на скролл контейнера эвент (на самом деле, лучше по таймауту проверять каждые 200-500мс). 2) по позиции скролла, зная высоту элемента, определяешь, какие элементы влезут в экран 3) прибавляешь по десятку сверху и снизу. 4) рисуешь необходимое количество элементов, верхнему ставишь марджин-топ, так, чтобы сохранить его позицию внутри скролла

Те перерисовываешь элементы при каждом событии скролла? Или надо отслеживать какие-то точки определённые? Спасибо, примерно понял, буду пробовать!

не, лучше все же по таймауту, а то утонешь в эвентах. давай уточню. 1) по таймауту считаешь в контейнере скролл оффсет, кладешь его в стейт контейнера. 2) в функции рендер контейнера определяшь минимальный и максимальный индексы элементов, которые видны на экране, с небольшим запасом 3) рисуешь только эти элементы, указав первому смещение относительно контейнера, равное его индексу, помноженному на высоту элемента

4) не забываешь снять таймаут на компонентдидмаунте

5) идешь и проламываешь голову человеку, который придумал на одном экране показывать 10000 элементов

=) спасибо), я denounced использую

6) чтобы не дергать рендер лишний раз, на самом деле можно индексы тоже по таймауту пересчитывать и падейтить стейт только если они изменились

Debounced

может пейджинг или подгрузку по скроллу

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

дебаунс не спасает от того, что функция будет часто дергаться, лучше таймаут:)

то есть дебаунсед-функция - это тоже функция, с логикой

ERROR: S client not available

не таймаут, а сетинтервал, конечно, что это я...

А...

Вот, кстати, спасибо

Как-то я этот момент упустил

/JSlang

ребят, а существует какая-нибудь обертка на webpack? очень уж не очевидно все получается, особенно если делаешь монорепу и нужно мерджить конфиги

не таймаут, а сетинтервал, конечно, что это я...

кокрастоке же таймаут лучше — управляемее и лучше работает со временем. ну тот таймаут, который сам себя ставит в конце

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

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

я же ничего не напутал?)

http://javascript.info/tutorial/settimeout-setinterval#the-real-delay-of-setinterval

очень хороший поинт, но в данной задаче пофиг на самом деле

да, я про это

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

facebookver это почти как semver только 0.13.x, 0.14.x, 15.0.x...

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

а, максимум еще раз

рендерю на сервере в тестах реакт компонентв в jsdom, вижу изменение в html. Меняю состояние компонента, html не меняется. Что может быть?

нашел вот такую штуку, но не помогло http://stackoverflow.com/questions/26867535/calling-setstate-in-jsdom-based-tests-causing-cannot-render-markup-in-a-worker

метод render вызывается два раза, но в доме результат первого вызова

Чё делать? На ангуляр переходить не хочется.

/stat@comstatbot

/stat@comstatbot

/dispatch

/dispatch

/angular_js

/hooyach

/angular_js