Last active
May 13, 2017 12:20
-
-
Save filipebarcos/0a137d6ca837c117f999958a365fc5b6 to your computer and use it in GitHub Desktop.
Code Snippets for my CEJS 2017 Talk
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function* foo(x) { | |
const y = 2 * (yield (x + 1)); | |
const z = yield (y / 3); | |
return (x + y + z); | |
} | |
var it = foo( 5 ); | |
// note: not sending anything into `next()` here | |
console.log(it.next()); // { value:6, done:false } | |
console.log(it.next(12)); // { value:8, done:false } | |
console.log(it.next(13)); // { value:42, done:true } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { call, put } from 'redux-saga/effects'; | |
export function* fetchData(action) { | |
try { | |
const data = yield call(Api.fetchUser, action.payload.url); | |
yield put({type: 'FETCH_SUCCEEDED', data}); | |
} catch (error) { | |
yield put({type: 'FETCH_FAILED', error}); | |
} | |
} | |
function* watchFetchData() { | |
yield takeEvery('FETCH_REQUESTED', fetchData); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { takeEvery } from 'redux-saga'; | |
// FETCH_USERS | |
function* fetchUsers(action) { ... } | |
// CREATE_USER | |
function* createUser(action) { ... } | |
// use them in parallel | |
export default function* rootSaga() { | |
yield takeEvery('FETCH_USERS', fetchUsers); | |
yield takeEvery('CREATE_USER', createUser); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
CALL: { | |
fn: Api.fetchUser, | |
args: [“/users”], | |
}, | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const generator = fetchData(); | |
expect(generator.next()).toEqual({ | |
done: false, | |
value: call(Api.fetchUser, action.payload.url) | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function* watchThis() { | |
yield takeEvery('THIS', doThat); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function* watchThis() { | |
while(true) { | |
yield take('THIS', doThat); | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function* watchDeaths() { | |
yield take('DIE', newTry); | |
yield take('DIE', newTry); | |
yield take('DIE', put, { type: 'GAME_OVER' }); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function* mySaga() { | |
while(true) { | |
yield take('baz'); | |
yield call(foo); | |
yield call(bar); | |
} | |
} | |
function* mySaga() { | |
while(true) { | |
yield take('baz'); | |
yield fork(foo); | |
yield fork(bar); | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const [visits, registrations] = yield all([ | |
call(fetch, '/visits'), | |
call(fetch, '/registrations') | |
]); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const { posts, timeout } = yield race({ | |
posts: call(fetch, '/posts'), | |
timeout: call(delay, 1000) | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function* mySync() { | |
try { | |
while(true) { | |
yield put({type: 'SYNC_STARTED'}); | |
const result = yield call(syncMyFiles); | |
yield call(delay, 500); | |
} | |
} finally { | |
if (yield cancelled()) | |
yield put({ type: 'SYNC_STOPED'}); | |
} | |
} | |
function* myDropbox() { | |
while(yield take('START_FILE_SYNC')) { | |
const mySyncTask = yield fork(mySync); | |
yield take('STOP_FILE_SYNC'); | |
// this will cause the forked task to jump into its finally block | |
yield cancel(mySyncTask); | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function* foo() { ... } | |
function* bar() { ... } | |
function* baz() { ... } | |
function* fooBarBaz() { | |
yield* foo(); | |
yield* bar(); | |
yield* baz(); | |
} | |
// vs. | |
function* fooBarBaz() { | |
yield* call(foo); | |
yield* fork(bar); | |
yield* call(baz); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Link dos slides https://speakerdeck.com/filipebarcos/lidando-com-efeitos-colaterais-com-redux-saga