@react_js
Ҫѐҏӗѫӑ23.08.2016
23:47:38
23:47:38
прогнозов нет
Aleksei23.08.2016
23:49:30
23:49:30
У меня очередной парадокс. В чём я ошибаюсь?
1. props помещать в state — дурной тон (или не всегда?)
2. props менять нельзя
3. перерендеринг вызывается только при вызове setState (или ещё в каких-то случаях?)
Хотел написать как-то так:
constructor(): this.state.likesCount = this.props.likesCount
onLike(): setState({likesCount: this.state.likesCount + 1})
render(): <div className="like__counter">{this.state.likesCount}</div>
2 верно. 1, в целом да, но я так делаю, каюсь грешен) 3. Не только, еще при изменении пропсов, и возможно я еще о каких-то случаях забыл
Konstantin23.08.2016
23:49:46
23:49:46
У меня очередной парадокс. В чём я ошибаюсь?
1. props помещать в state — дурной тон (или не всегда?)
2. props менять нельзя
3. перерендеринг вызывается только при вызове setState (или ещё в каких-то случаях?)
Хотел написать как-то так:
constructor(): this.state.likesCount = this.props.likesCount
onLike(): setState({likesCount: this.state.likesCount + 1})
render(): <div className="like__counter">{this.state.likesCount}</div>
Когда меняются пропсы, this.forceUpdate() тоже вызовет ререндеринг)инициировать стейт через пропсы - нормально
GoogleKonstantin23.08.2016
23:52:15
23:52:15
constructor(props) { this.state = {likesCount: props.likesCount };}
Aleksei23.08.2016
23:53:41
23:53:41
from23.08.2016
23:55:29
23:55:29
Alex23.08.2016
23:58:32
23:58:32
Спасибо, понятно.
А вот что не понятно, в этом примере только один рендер и не в классе, а просто вызывающийся один раз,
как оно работает?:
https://github.com/reactjs/redux/blob/master/examples/todos/index.js
from23.08.2016
23:59:35
23:59:35
хехе, иначе такой state вообще неоправдан )
Konstantin23.08.2016
23:59:42
23:59:42
from24.08.2016
00:00:33
00:00:33
Что такое оптимистик апдейтс?)
когда в интерфейсе сразу обновляешь данные до того как они пришли с сервера на те, которые ожидаешь, что придут)Konstantin24.08.2016
00:01:37
00:01:37
когда в интерфейсе сразу обновляешь данные до того как они пришли с сервера на те, которые ожидаешь, что придут)
Почему, просто инициировать данные, тот же счетчик начинается не с 0from24.08.2016
00:02:24
00:02:24
Почему, просто инициировать данные, тот же счетчик начинается не с 0
да понятно, что инициировать, только раз число приходит и так через пропсы, зачем внтури городить что-то)Google
Andrey24.08.2016
04:30:56
04:30:56
и нужно для файберов
Есть план, что планируется изменить и сделать? пока что были изменены state, key, lifecycle, но както не много pr и многие старыеҪѐҏӗѫӑ24.08.2016
04:33:10
04:33:10
я не видел конкреного плана
есть https://github.com/acdlite/react-fiber-architecture
Andrey24.08.2016
04:40:29
04:40:29
добавили еще pendingWorkPriority, и pendingUpdatePriority но пока, как я вижу в очень глубокой стадии разработки и выйдет не скоро
Ярослав24.08.2016
04:44:34
04:44:34
если запилят DOM async append, то ребята смогут с помощью синей изоленты примотать туда файберы
но это тоже скорее всего не будет
Ҫѐҏӗѫӑ24.08.2016
04:46:32
04:46:32
вообще это все похоже на глиммер 2
но совсем издалека. в глиммере концепций побольше
если запилят DOM async append, то ребята смогут с помощью синей изоленты примотать туда файберы
того же результата можно добиться засчет веб воркеровв мейне только мутацию дома оставить
Andrey24.08.2016
04:54:51
04:54:51
про глиммер 2 было хорошее видео - https://www.youtube.com/watch?v=vL8sCi1Bv6E
Alexey24.08.2016
06:30:54
06:30:54
если запилят DOM async append, то ребята смогут с помощью синей изоленты примотать туда файберы
А о каких файберах идёт речь? Просто те, что я знаю, я никак не могу увязать с рендеромAlex24.08.2016
06:32:49
06:32:49
Кто-нибудь настраивал в babel поддержку System.import?
Ҫѐҏӗѫӑ24.08.2016
08:13:26
08:13:26
А о каких файберах идёт речь? Просто те, что я знаю, я никак не могу увязать с рендером
файберы в реакте не про рендерDOM async append не про реакт
Alexey24.08.2016
08:19:16
08:19:16
Подожди, там же речь идет про алгоритм, который они используют для сравнения деревьев? Почему же это не относится к рендеру?
Ҫѐҏӗѫӑ24.08.2016
08:21:30
08:21:30
потому что это алгоритм сравнения деревьев и только
но он не только про сравнение на самом деле
Google
マイク24.08.2016
08:22:52
08:22:52
Дак добавление в дом копеечная операция
Ҫѐҏӗѫӑ24.08.2016
08:22:57
08:22:57
https://github.com/drufball/async-append
Ҫѐҏӗѫӑ24.08.2016
08:23:14
08:23:14
это об этом как раз
マイク24.08.2016
08:23:19
08:23:19
:о
localvoid24.08.2016
08:23:41
08:23:41
ну этож файбер, эмуляция корутин, чтоб можно было в любой момент остановиться, ну или прыгать назад под стэку для реализации всяких эффектов. рендерим чайлд компоненты - делаем форк, и в паренте ждём пока все файберы выполнятся.
Ҫѐҏӗѫӑ24.08.2016
08:24:55
08:24:55
ну этож файбер, эмуляция корутин, чтоб можно было в любой момент остановиться, ну или прыгать назад под стэку для реализации всяких эффектов. рендерим чайлд компоненты - делаем форк, и в паренте ждём пока все файберы выполнятся.
все так, только рендер — это уже отдельно. а реконсилиейшн на файберах может быть как для дома, так и для чего-то другогоマイク24.08.2016
08:27:05
08:27:05
Ой не знаю. Даёшь лучше servo в каждую кофеварку.
Ҫѐҏӗѫӑ24.08.2016
08:27:17
08:27:17
одно другому не мешает
localvoid24.08.2016
08:31:32
08:31:32
здесь ещё на тему async-append https://github.com/whatwg/dom/issues/270
Alexey24.08.2016
08:34:57
08:34:57
спасибо, гляну
マイク24.08.2016
08:35:07
08:35:07
Скоро 8гб памяти для браузинга будет мало ?
GoogleAlexey24.08.2016
08:35:24
08:35:24
ага
Alex24.08.2016
09:12:20
09:12:20
#
А только мне кажется, что Redux — это синтаксический сахар вокруг детерменированного конечного автомата?
Grigory24.08.2016
09:15:03
09:15:03
#
А только мне кажется, что Redux — это синтаксический сахар вокруг детерменированного конечного автомата?
Не только тебе, так оно и есть
Artem24.08.2016
09:15:04
09:15:04
Все языки программирования - это синтаксический сахар вокруг детерминированного конечного автомата и бесконечной ленты.
Alex24.08.2016
09:15:20
09:15:20
))
Nikolay24.08.2016
09:16:11
09:16:11
#
А только мне кажется, что Redux — это синтаксический сахар вокруг детерменированного конечного автомата?
Даже в доке есть https://facebook.github.io/react/docs/interactivity-and-dynamic-uis.htmlDenJel24.08.2016
09:40:26
09:40:26
onEnter( nextState, replace ) {
axios.post( /someurl, { id: nextState.params.id } ).then( ( response ) => {
if ( response.data.success ) {
return console.log( response );
}
return replace( / );
} ).catch( ( err ) => {
console.log( err );
} );
}
AdminERROR: S client not available
Vladimir24.08.2016
09:41:29
09:41:29
у хуков есть коллбек, третим параметром
DenJel24.08.2016
09:42:11
09:42:11
ну хорошо а в колбеке как?
мне же надо вызвать именно функцию реплейс которая вторым параметром идет
Anton24.08.2016
09:44:41
09:44:41
У меня не получилось переадресовывать через replace, поэтому юзал browserHistory.push()
Egor24.08.2016
09:45:34
09:45:34
Там важно то, что третьий параметр у хука определен, иначе хук не будет ждать ваш промис
onEnter( nextState, replace, callback ) { ... }
и важно после replace вызвать этот callback
иначе апп зависнет
DenJel24.08.2016
09:46:44
09:46:44
спасибо
Vladimir24.08.2016
09:50:04
09:50:04
чат, как сделать, чтобы require.ensure не делал чанки для серверрендера?
GoogleVladimir24.08.2016
09:51:04
09:51:04
есть полифилл if (typeof require.ensure !== 'function') require.ensure = function (d, c) { c(require); };
но чанки все равно создаются и ошибка типа Cannot find module './13.server/page.generated.js'
ВладимирEgor24.08.2016
09:59:32
09:59:32
видел что у webpack-isomorphic-tools есть настройка patch_require которая за это отвечает, но сам не пробовал еще
Vladimir24.08.2016
10:03:13
10:03:13
так. У меня роуты собираются и экспортятся вебпаком.
как сказать бабелю, что './13.server/page.generated.js' находится по пути 'server-dist/13.server/page.generated.js' ?
Alex24.08.2016
10:06:19
10:06:19
# redux
Как я догадыаюсь интуитивно и вижу в доке, вызывать dispatch из редьюссеров нельзя
Но что тогда делать в таком кейсе: кликаю "лайк", оптимистично плюсую счётчик, отправляю запрос на сервер, сервер возвращает какую-нбудь ошибку, и я хочу вернуть счётчик обратно
Dmitry24.08.2016
10:06:22
10:06:22
Вероятно или увеличивать счетчик после запроса или диспатчить обратно)
BrsEgor24.08.2016
10:06:56
10:06:56
Тебе надо послать 3 экшена, pending ведет к инкременту, success ничего не делает и reject ведет к возврату счетчика обратно
Alex24.08.2016
10:06:59
10:06:59
а, кажется запросы к серверу надо не в редюсеры, а в actions помещать
Egor24.08.2016
10:07:12
10:07:12
Alex24.08.2016
10:08:54
10:08:54
а эти производные экшены должны быть из редьюсера вызваны?
Vladimir24.08.2016
10:09:07
10:09:07
# redux
Как я догадыаюсь интуитивно и вижу в доке, вызывать dispatch из редьюссеров нельзя
Но что тогда делать в таком кейсе: кликаю "лайк", оптимистично плюсую счётчик, отправляю запрос на сервер, сервер возвращает какую-нбудь ошибку, и я хочу вернуть счётчик обратно
Ну через redux-thunk в actions сначала диспатчить что-то вроде UPDATE_COUNTER_START, в редьюсере в ответ на это увеличивается значение счетчика, потом отправляется запрос, если он завершился успешно - UPDATE_COUNTER_DONE - в редьюсерах ничего не делаем, если нет - UPDATE_COUNTER_FAIL - в редьюсерах уменьшаем значение счетчикаAlex24.08.2016
10:09:52
10:09:52
ага, понятно
Открыть в Telegram