ну да.. канеш, данные записываются в стейт

общего стора

чет я не въезжаю

резолвить можно наверху

во вьюхе даже

резолвить можно наверху

покажи пример редьюсера

эм, ща

Подскажите, а как так выходит, что из-за вебака я могу сослаться в window через перменную global?

import {assign, every, filter, findIndex, some} from 'lodash'; import { State } from '../../../models/AppState'; import GameActions from '../actions'; import coordsInArray from '../../../utils/coordsInArray'; const initialState: State = { "hits": [], "misses": [], "layout": [], "shipTypes": {} }; // Reducer /** * Another clever approach of writing reducers: * * export default function(state = initialState, action) { * const actions = { * [ACTION_TYPE]: () => [action.payload.data, ...state] * }; * * return (_.isFunction(actions[action.type])) ? actions[action.type]() : state * } */ export default function reducer(state: State = initialState, action: any = {}): State { switch (action.type) { case GameActions.GET_LAYOUT: return assign({}, state, action.payload); break; case GameActions.SHOOT_CELL: { let { hits, misses, layout } = state; const coords = [action.x, action.y]; const hasCollision = some(layout, ship => { const isHit = coordsInArray(ship.positions, coords); if (isHit) { // mutations of hits console.warn('Hit', ship); hits = state.hits.concat([coords]); if (every(ship.positions, coord => coordsInArray(hits, coord))) { // sanked ship alert console.warn('Sinked', ship); } } return isHit; } ); if (!hasCollision) { console.error('Missed'); misses = state.misses.concat([coords]); } return { ...state, hits, misses, } } default: return state; } }

А есть примеры использования JSS в продакшен коде?

return assign({}, state, action.payload); ну тут изи.. сначала payload в экшене - это function, затем он превращается в данные при ответе с сервера

У вас там break после return стоит)

А как быть, если мне надо действия складывать в цепочки? Например два действия застрелитьВасю и спрятатьТруп я всегда использую друг за другом. Делать общее действие убитьВасю и внутри него делать два dispatch?

н - не нужен

А как быть, если мне надо действия складывать в цепочки? Например два действия застрелитьВасю и спрятатьТруп я всегда использую друг за другом. Делать общее действие убитьВасю и внутри него делать два dispatch?

в сервисе

import {assign, every, filter, findIndex, some} from 'lodash'; import { State } from '../../../models/AppState'; import GameActions from '../actions'; import coordsInArray from '../../../utils/coordsInArray'; const initialState: State = { "hits": [], "misses": [], "layout": [], "shipTypes": {} }; // Reducer /** * Another clever approach of writing reducers: * * export default function(state = initialState, action) { * const actions = { * [ACTION_TYPE]: () => [action.payload.data, ...state] * }; * * return (_.isFunction(actions[action.type])) ? actions[action.type]() : state * } */ export default function reducer(state: State = initialState, action: any = {}): State { switch (action.type) { case GameActions.GET_LAYOUT: return assign({}, state, action.payload); break; case GameActions.SHOOT_CELL: { let { hits, misses, layout } = state; const coords = [action.x, action.y]; const hasCollision = some(layout, ship => { const isHit = coordsInArray(ship.positions, coords); if (isHit) { // mutations of hits console.warn('Hit', ship); hits = state.hits.concat([coords]); if (every(ship.positions, coord => coordsInArray(hits, coord))) { // sanked ship alert console.warn('Sinked', ship); } } return isHit; } ); if (!hasCollision) { console.error('Missed'); misses = state.misses.concat([coords]); } return { ...state, hits, misses, } } default: return state; } }

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

в сервисе

Можно пример?

там миддл какой то резхолвит чтоль??

да

redux-promise

а ну так с этого надо начинать было

насчет примера сценария гляну

не уверен что в этом проекте есть (

просто в основной с сагой и рефлаксом было

просто в основной с сагой и рефлаксом было

А thunk не замена саге?

не, сага это ооочень крутая вещь

ох

ещё одну либу ставить)

хзхз в сагах бойлерплейта куча

хзхз в сагах бойлерплейта куча

как и без саги

единственный плюс это пощупать генераторы

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

а в генераторах нет ничо такого вау

по-правильному?

могу примерчик как раз на саге скинуть

желательно поменьше чем предыдущий

да конечно

ток кусочек

чтоб понимать

в нетерпении

function * saveCashReceipt ({ payload }) { try { const resp = yield call(AppService.getConfirmationMethod, payload); yield put({ type: `${AppActions.GET_CONFIRMATION_METHOD}_OK`, confirmationMethod: resp }); if (resp === 'URM') { console.log('URM detected'); yield put({ type: `${AppActions.SHOW_CONFIRMATION}` }); const { urm, cashier } = yield race({ urm: take(AppActions.CONFIRM_URM), cashier: take(AppActions.CONFIRM_CASHIER) }); yield put({ type: `${AppActions.HIDE_CONFIRMATION}` }); let mode; if (urm) { mode = 'URM'; } else if (cashier) { mode = 'CASHBOX'; } try { const resp = yield call(AppService.saveCashReceipt, mode, payload); yield put({ type: `${AppActions.SAVE_CASH_RECEIPT}_OK`, cashReceipt: resp }); } catch (err) { yield put({ type: `${AppActions.SAVE_CASH_RECEIPT}_ERR`, err }); } } else { console.log('Other detected'); } } catch (err) { yield put({ type: `${AppActions.GET_CONFIRMATION_METHOD}_ERR`, err }); } }

вот тут происходит сразу появление модалки, и обработка действий с нее, и 2 запроса ajax

все это помещается в несколько строк кода... и выглядит очень прозрачно

очень прозрачно... особенно если не знать что такое call put race

да и в чем тут преимущество конкретно саг?

зачем тут интерполяция?) ${AppActions.HIDE_CONFIRMATION}

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

зачем нужна сага если есть async/await и redux-thunk

зачем нужна сага если есть async/await и redux-thunk

+

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

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

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

ну вы почитайте, тут очень долго объяснять

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

все то же самое можно сделать как в thunk так и в обычном мидле

есть задачи где надо мониторить не одно действие, а потоки действий

и делать какие-либо с ними операции...

есть задачи где надо мониторить не одно действие, а потоки действий

что такое потоки действий

есть задачи где надо мониторить не одно действие, а потоки действий

не лучше ли тогда rx взять?

например закликивание чего-либо.. либо отлов первого загруженного сценария

не лучше ли тогда rx взять?

ну вот это вместо rx с генераторами

например закликивание чего-либо.. либо отлов первого загруженного сценария

while(true)? это прикольная штука, но в жизни, мне, например, ни разу не пригодилось

А как быть, если мне надо действия складывать в цепочки? Например два действия застрелитьВасю и спрятатьТруп я всегда использую друг за другом. Делать общее действие убитьВасю и внутри него делать два dispatch?

Я возможно скажу щас неожиданное, но тебе не нужны два отдельных действия как класс. У тебя всего одно действие — устранитьПроблему, а как это будут делать исполнители тебе вообще по барабану

оч, особенно когда оно делается в форке

То есть, достаточно ОДНОГО экшна и одного thunk с двумя асинхронными действиями подряд

оч, особенно когда оно делается в форке

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

А то начинают городить из простого вызова функции какой-то цирк с экшнами и, я извиняюсь, "сагами"

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

ты выносишь логику как раз из экшен криэторов

ERROR: S client not available

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

я как раз сейчас переписываю все с саг на санк

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

прикольный тред))

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

redux-act )

ты выносишь логику как раз из экшен криэторов

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

а сага - это сценарий манипуляции с данными - все в одном месте )

лучше Mobx взять?

чем эти саги

лучше Mobx взять?

лол

лучше Mobx взять?

ой фсе, это я тоже юзал )

лучше cyclejs

purescript

лучше cyclejs

???

Delphi!

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

не разношу ничего, а кладу сценарии в одно место

То есть, достаточно ОДНОГО экшна и одного thunk с двумя асинхронными действиями подряд

А можно пример простенький?

не разношу ничего, а кладу сценарии в одно место

Я тебя щас удивлю

ой фсе, это я тоже юзал )

и что? не понравилась сладкая магия?

но для того, чтобы это сделать сага ваще не нужна

и что? не понравилась сладкая магия?

понравилась )

ессесн

чо там только observable

и больше знать ни хуя не надо )

и что? не понравилась сладкая магия?

redux-act там нельзя привязать в редьюсере 1 обработчик к нескольким экшнам (((

ой не тому ответил

Лол

Смешно)

redux-act там нельзя привязать в редьюсере 1 обработчик к нескольким экшнам (((

как это нельзя

[ACTION]: funcName, [ACTION2]: funcName

А можно пример простенький?

async (dispatch) => { await killVyasya() await hideBody() dispatch(SHEF_VSYO_GOTOVO()) }

async (dispatch) => { await killVyasya() await hideBody() dispatch(SHEF_VSYO_GOTOVO()) }

await dispatch(

sort of