2019-12-19 TIL

React

state는 불변성을 유지해야합니다

React는 부모컴포넌트가 리렌더링 되면 자식컴포넌트도 리렌더링됩니다.(가상 DOM에서만)

배열을 직접 건드릴 경우

const array = [1, 2, 3, 4];
const sameArray = array;
sameArray.push(5);

console.log(array !== sameArray); // false

불변성을 유지한 경우

const array = [1, 2, 3, 4];
const differentArray = [...array, 5];

console.log(array !== differentArray); // true

• sideEffect 발생확률이 낮아집니다 -> 프로그램의 복잡도가 줄어듭니다.
• 동기화 문제에서 자유롭습니다.
• 예시

useReducer

useState의 대체 함수

5FS

Facts

• 서버에서 비동기로 받아오는 데이터를 async await로 처리함
• 웹을 지탱하는 기술 Rest, URI 등 독서

Feelings

• Rest를 세번쨰 공부했는데 어떤가?

Findings

• Rest를 두번쨰 읽을때랑 세번째 읽을때랑 이해의 깊이가 다르다. 아키텍쳐 스타일에 대한 추상적인 개념이 더 명확해졌다.
• async, await도 다시 공부했더니 새로 알게된 개념들이 있었다.

Future Action Plan

• 이미 공부한것들도 반복에서 계속 볼것

Feedback