redux ,redux saga

프로젝트 마다 redux와 redux saga를 사용해왔다.

하지만 api가 나오면 일일히 lib > api 폴더에 여러 api를 export해왔었는데 이런것이 뭔가 힘이 들고 찾기도 어려웠다.

그래서 생각해 낸게 만약 API 가 '/test/tesed/'로 get하는 거면

export const getApi = ({name}) => {
	return client.get(`${API}/${name}`);
}

이런식으로 export 를 하고 redux에서는

const TESTGET = "test/TESTGET";
const TESTGET_SUCCESS = "test/TESTGET_SUCCESS";
export const testGet = createAction(TESTGET, ({ name }) => ({ name }));

redux를 만든 후

실제 사용할때는

const name = '/test/tesed/';
dispatch(testGet({name}))

이런식으로 변경을 하니 api가 백엔드에서 만들어질때마다 일일히

export const getApi = ({name}) => {
	return client.get(`${API}/test/tesed/`);
}

이걸 만드는게 아니라 공통으로

export const getApi = ({name}) => {
	return client.get(`${API}/${name}`);
}

이렇게 사용하니까 한결 편해진 느낌이었다.