127. useReducer & useEffect

 

이렇게 만든 것에서 form 유효성 검사하는 부분이 여전히 state 이기 때문에 

스케줄링과 관련한 이슈 때문에 아주 좋은 코드라고 하기는 어렵다

 

그래서 여기서 주석 처리 했던 useEffect를 사용할 수 있는데

여기서 나타나는 문제는 useEffect부분의 함수가 너무 자주 일어난다는 것이다. . 

emailState 또는 passwordState가 변경될 때마다 실행된다

이미 유효성 검사를 통과한 상태에서 문자 하나를 더 추가하는 경우는 굳이 다시 확인할 필요가 없다.

Object Distructuring

Array Distructuring 과 유사하다

객체의 특정 속성을 추출하는 것이다. 

Alias Assignment 별칭 할당이라고 해서 

아래와 같이 isValid라는 것을 emailState 객체에서 꺼내서 emailIsValid라는 상수에 저장할 수 있다

기존에는 email 값이 변경될 때 실행되었던 함수가 

 

이제는 유효성이 변화할 때만 setFormIsValid가 실행되도록 변경했다. 

 

 

즉 해당 예제에서는 useEffect를 더욱 유용하게 사용할 수 있게 조건을 변경했다.