@react_js
Sergey30.06.2016
11:13:28
11:13:28
Кстати, с точки зрения терминологии redux-saga это не saga, а workflow.
https://medium.com/@roman01la/confusion-about-saga-pattern-bbaac56e622#.3nietas2j
Aleh30.06.2016
11:14:56
11:14:56
о, эта крутая статья
Google
Andrey30.06.2016
11:15:05
11:15:05
кстати в ней ссылки которые здесь уже упоминались
не могли сразу первоисточник дать? :)
Aleh30.06.2016
11:15:21
11:15:21
так это ж наоборот сборка :)
и в ней ссылки на первоисточники
@sergey_smyshlyaev спасибо, крутая ссылка)
Sergey30.06.2016
11:18:09
11:18:09
что я получу используя сагу ?
Если сравнивать с redux-thunk, то в redux-saga есть отмена действий, форк, композиция и куча других продвинутых вещей. Но лично я пока не чувтсвовал в них потребности.Andrey30.06.2016
11:19:29
11:19:29
а эти действия они только в редакс-сага или они существуют как понятие ?
И если второе, то где можно прочитать про эти понятия?
Aleh30.06.2016
11:19:43
11:19:43
а конкретней можно ?
очень простая схема: на какой-то экшен тебе надо сделать 5 разных дел. Причем поскольку действия меняют мир они могут по-разному падать или по-разному стартовать(несколько параллельно, какие-то последовательно). Звучит так, будто это уже все есть и без саг в js и зачем ее юзать? Да, вот я тоже не знаю и не юзаю
Алексей30.06.2016
11:20:21
11:20:21
Andrey30.06.2016
11:20:42
11:20:42
угу промисами можно хоть стартовать паралельно хоть последовательно , хоть отменять
Я предполагаю, что сага это некая попытка перенести в жс что-то из других языков.
Как это было когда-то с классами. Я помню те времена когда бекендеры сооружали чтото типа classGen({ constructor: function(){...}, public: {...}, private: {...} }), потомучто в их джавочке это есть, а в джаваскрипте какието прототипы непонятные :)
Aleh30.06.2016
11:26:42
11:26:42
вероятно это может быть удобно на сервере(ноде), но мне кажется, что не в текущей имплементации. Всегда вероятно, что мы просто не осилили)
Vitaly30.06.2016
11:28:49
11:28:49
Скорее всего это просто попытка стандартизации написания кода, имхо этого не хватает в нашей эко-системе.
GoogleAleh30.06.2016
11:34:04
11:34:04
тут можно только привести картинку про 14 конкурирующих стандартов)
Andrey30.06.2016
11:37:22
11:37:22
стандартизация написания кода это очень полезно.
одни тести вон чего стоят
code4aman30.06.2016
11:37:36
11:37:36
можно как-то настроить свои папки чтоб при импорте писать from 'components' чем from '../../components'?
Kich30.06.2016
11:38:05
11:38:05
Aleh30.06.2016
11:38:24
11:38:24
если webpack, то root
Vasiliy30.06.2016
11:38:30
11:38:30
root, alias или modulesDirectories
Kich30.06.2016
11:38:30
11:38:30
https://webpack.github.io/docs/configuration.html#resolve-alias
Aleh30.06.2016
11:38:46
11:38:46
там же есть еще resolve root
Алексей30.06.2016
11:39:24
11:39:24
можно через ProvidePlugin еще
new webpack.ProvidePlugin({
config,
utils
}),
У меня вот так например файл с конфигами/утилитами пробрасывается в каждый файл
тут config/utils - это путь к файлам
и если ты используешь в файле ключевое слово (config/utils) то автоматом в файл подключается модуль
Aldar30.06.2016
11:41:35
11:41:35
Какой молодец Брендан Айк, хочет с помощью Webassembly убить js
"Я тебя породил, я тебя и убью!"
Roman30.06.2016
11:42:19
11:42:19
хотеть не вредно
вчера выяснили что еще wasm еще нескоро дойдет до кондиции
Как в redux спрятать reducer'ы и компоненты от пользователя если он к ним не имеет доступа? В смысле не user.access ? <component/> : null а что бы он даже не загружался?
В точке входа app.js сделать запрос к серверу для получения списка прав пользователя, а потом прокинуть эти данные в RootReducers что require.ensure доступных редучеров, и так же сделать для роутинга и компонентов?
Или это по другому делается?
+ к вопросу
и вообще любые подробности по webpack codesplitting
Victor30.06.2016
11:46:02
11:46:02
хотеть не вредно
вчера выяснили что еще wasm еще нескоро дойдет до кондиции
Пока нагуглил идею на стеке http://stackoverflow.com/questions/32968016/how-to-dynamically-load-reducers-for-code-splitting-in-a-redux-application
и какой то плагин https://github.com/Rezonans/redux-async-connectGoogle
Ivan30.06.2016
11:48:11
11:48:11
Кто-нить здесь пользуется React Static Boilerplate? Голосуйте за этот бойлерплейт на ProductHunt :)
https://www.producthunt.com/tech/react-static-boilerplate
Только ради тебя я зарегался и проголосовал на этом сайте. Так и не вкурил в чем его смысл ?
Konstantin30.06.2016
11:48:47
11:48:47
Сэнкс! Дык это же самый популярный сайт вроде, где предприниматели свои продукты шарят
Roman30.06.2016
11:48:51
11:48:51
> и какой то плагин ...redux-async-connect
он протух уже и не поддерживается
redux-connect вместо него
https://github.com/makeomatic/redux-connect
Ivan30.06.2016
11:49:35
11:49:35
Круть осталось две вещи - сделать продукт и стать предпринимателем ?
Начинаю
Кто-нить здесь пользуется React Static Boilerplate? Голосуйте за этот бойлерплейт на ProductHunt :)
https://www.producthunt.com/tech/react-static-boilerplate
Кстати народ не ленитесь - Костя немерянно труда вложил в эти вещиRoman30.06.2016
11:51:54
11:51:54
Пока нагуглил идею на стеке http://stackoverflow.com/questions/32968016/how-to-dynamically-load-reducers-for-code-splitting-in-a-redux-application
и какой то плагин https://github.com/Rezonans/redux-async-connect
и еще, давний ишью совсем, но все еще актуальный
https://github.com/reactjs/redux/issues/99
Roman30.06.2016
12:07:48
12:07:48
Сага не нужна, правильно я понял?
Ivan30.06.2016
12:14:32
12:14:32
Вообще сага нужна ибо позволяет всякие thunkable акшены вообще убрать, убрать лишние side-effect из компонентов, и тестить всякие мутные процессы проще но лично я предпочитаю аналог https://github.com/redux-observable/redux-observable
если что дока тут https://github.com/redux-observable/redux-observable/pull/55 а не то что там в ридми
Vladimir30.06.2016
12:20:00
12:20:00
Andrey30.06.2016
12:20:51
12:20:51
а сага может отменять уже совершённое действие ?
Andrey30.06.2016
12:42:00
12:42:00
а какое действие предполагается на .cancel и .abort ?
типа незареджектить и незарезолвить но задестроить промис
Roman30.06.2016
12:42:41
12:42:41
а есть практические кейсы отмены асинхронного действия?
GoogleRoman30.06.2016
12:42:50
12:42:50
вынести side эффекты из компонентов несложно и с промизами
Andrey30.06.2016
12:42:54
12:42:54
а есть практические кейсы отмены асинхронного действия?
просто не реагировать на асинхронный ответ. только так , я думаю
Владимир30.06.2016
12:49:55
12:49:55
Как в redux спрятать reducer'ы и компоненты от пользователя если он к ним не имеет доступа? В смысле не user.access ? <component/> : null а что бы он даже не загружался?
В точке входа app.js сделать запрос к серверу для получения списка прав пользователя, а потом прокинуть эти данные в RootReducers что require.ensure доступных редучеров, и так же сделать для роутинга и компонентов?
Или это по другому делается?
выносишь комопнент в чанк, передаешь с сервера разрешенные чанки и делаешь код сплит, ну и не пользуйся систем импортом, в нем нет именования чанковАлексей30.06.2016
12:53:11
12:53:11
а есть практические кейсы отмены асинхронного действия?
ну например я ввел значение в фильтр, которое отправляет запрос на сервер и возвращает мне таблицу отфильтрованную
Ввел значение, загрузка уже началась, а я снова чет выбрал/ввел. Зачем мне видеть уже таблицу со старыми фильтрами, лучше сразу показать уже с новыми, поэтому убиваем старый запрос, и отправляем новыйВладимир30.06.2016
12:53:42
12:53:42
AdminERROR: S client not available
Andrey30.06.2016
12:55:11
12:55:11
Владимир это же не спека
Владимир30.06.2016
12:55:17
12:55:17
ну например я ввел значение в фильтр, которое отправляет запрос на сервер и возвращает мне таблицу отфильтрованную
Ввел значение, загрузка уже началась, а я снова чет выбрал/ввел. Зачем мне видеть уже таблицу со старыми фильтрами, лучше сразу показать уже с новыми, поэтому убиваем старый запрос, и отправляем новый
если исспользуешь фетч то он не умеет абортить запросы, ты сагой прирываешь выполнение дальнейших действий которые тебе данные от серерва в стору положатAndrey30.06.2016
12:56:03
12:56:03
там не написано что это спека, значит это не спека )
Владимир30.06.2016
12:56:06
12:56:06
Алексей30.06.2016
12:56:13
12:56:13
если исспользуешь фетч то он не умеет абортить запросы, ты сагой прирываешь выполнение дальнейших действий которые тебе данные от серерва в стору положат
ну у промиса есть "примерная" реализация cancelablePromise, я его используюВладимир30.06.2016
12:56:48
12:56:48
или тебе надо все на жс переложить и с примерами ?
Vladimir30.06.2016
12:59:47
12:59:47
ну у промиса есть "примерная" реализация cancelablePromise, я его использую
у промиса их нет, это самописAndrey30.06.2016
13:01:33
13:01:33
ну я ж и говорю "примерная"
а как выглядит реализация ?
чото типа этого?
myPromiseObj.cancel = function(){ this.then = function(){}; };
Denis30.06.2016
13:07:57
13:07:57
как правильно прокинуть immutable js объект в пропсы? { ...object.toJS() }? , или есть более изящные подходы?
Владимир30.06.2016
13:09:03
13:09:03
так и прокидывай как есть, у него дорогая операция превращения в жс и обратно
Denis30.06.2016
13:10:07
13:10:07
окей, а как сделать валидацию пропсов?
Владимир30.06.2016
13:10:34
13:10:34
https://www.npmjs.com/package/react-immutable-proptypes
GoogleDenis30.06.2016
13:11:19
13:11:19
сенкс
Grigory30.06.2016
14:29:34
14:29:34
Гайз, подскажите, как лучше прокинуть в компоненту дочернюю?
Alexey30.06.2016
14:30:07
14:30:07
через пропсы?
Grigory30.06.2016
14:30:55
14:30:55
Ок, а прокидывать лучше инстанс класса или сам класс?
Alexey30.06.2016
14:31:46
14:31:46
ты хочешь сказать родительскому компоненту какой компонент использовать для дочерних компонентов?
правильно?
Grigory30.06.2016
14:32:08
14:32:08
Да
Alexey30.06.2016
14:32:21
14:32:21
сам класс лучше
Grigory30.06.2016
14:33:02
14:33:02
Ок, в этом случае, я так понимаю, не избежать того, чтобы родительская класс разбирал props дочернего?
Alexey30.06.2016
14:33:16
14:33:16
я бы даже в defaultProps описал бы базовый
Grigory30.06.2016
14:33:53
14:33:53
Да, с базовым — это хорошая идея.
Alexey30.06.2016
14:34:29
14:34:29
https://github.com/JedWatson/react-select/blob/master/src/Select.js#L855
Grigory30.06.2016
14:34:29
14:34:29
Меня только напрягает, что родительский класс будет сетать пропсы дочернего.
Alexey30.06.2016
14:34:43
14:34:43
ну это нормально
Grigory30.06.2016
14:34:52
14:34:52
Хотелось бы, чтобы в общем случае я мог прокинуть любой дочерний класс, с люым набором пропсов
Alexey30.06.2016
14:35:10
14:35:10
если у тебя родительский компонент не зависит от дочернего
то ты можешь дочерний через children передавать
т.е. в jsx у тебя будет что-то похожее на вложенные теги html и в этом случае не придется сеттить в рамках родителя пропсы дочернему, а просто прокинешь полученный инстанс
Открыть в Telegram