fluxette data dependencies

index.js

let fork = function(sideEffect) {
  	this.then(sideEffect);
  	return this;
}

let mangaIndexUrl = 'https://www.mangaeden.com/api/list/0';

let findManga = (index, id) =>
	index.find(manga => manga.id === id);

let findChapter = (manga, chapter) =>
	manga.chapters.find(c => c.id === chapter.id);

let getMangaIndex = () => fetch(mangaIndexUrl);

let getManga = id =>
	index => findManga(index, id);

let getMangaChapter = chapter =>
	manga => findChapter(manga, chapter);

let reqMangaIndex = flux =>
	getMangaIndex()
	::fork(index => flux.dispatch({ type: 'INDEX_SUCCESS', index }));

let reqManga = (id, flux) =>
	reqMangaIndex(flux).then(getManga(id))
	::fork(manga => flux.dispatch({ type: 'MANGA_SUCCESS', manga }));

let reqMangaChapter = (id, chapter, flux) =>
	reqManga(id).then(getMangaChapter(chapter))
	::fork(chapter => flux.dispatch({ type: 'CHAPTER_SUCCESS', chapter }));

@connect(state => state.manga)
class MangaDetails extends React.Component {
	componentWillMount() {
		reqManga(this.props.id, this.context.flux);
	}
	render() {
		let manga = this.state;
		return <div>{ renderWhatever(manga) }</div>;
	}
}