오늘은 코드 리펙토링을 했습니다!!
redux모듈에 로직을 변경하고 설정페이지 useState 지옥에서 벗어나기 위해 useReducer을 쓰고 로직을 변경해보았습니다!!
const [event, updateEvent] = useReducer(
(prev, next) => {
return { ...prev, ...next };
},
{
facebookActivated: null,
instagramActivated: null,
linkedinActivated: null,
twitterActivated: null,
facebookURL: null,
instagramURL: null,
linkedinURL: null,
twitterURL: null,
aboutMe: "",
likeNotify: null,
commentNotify: null,
dmNotify: null,
followNotify: null,
jobList: [],
preImg: "",
nickname: null,
password: null,
}
);
useState 관련된 부분을 없애고 useReducer로 바꾸니 코드의 양이 130줄 가량 줄어들었다 추후 상태 관리해야할 값들이 많으면 useReducer을 써야겟다!