리엑트 스터디

- 진행 방향

- 리엑트란

UI 라이브러리

- 어떻게 변경점을 찾아주나

변경점을 효과적으로 찾아서 반영 시켜줌.

(다만, 어떤 경우에서는 개발자가 최적화를 시켜줘야하는 경우가 있다.)

리액트의 조화(Reconciliation) 과정 정리

현업에서 리액트를 사용하면서 그 렌더 과정에 대한 궁금증을 해소할 수 있도록 정리했습니다

velog.io

* 불변성과 스프레드 연산자 ...

- 스테이트와 프롭스

* 스테이트 === 프롭스는 같은가?

* 스테이트를 아래에 전달하자, (프롭스로)

* 하위 컴포넌트입장 뭘 받아오기, (프롭스로 받아와요)

* 드릴링??

- 함수가 값으로 평가되는 개념

-왜 state를 직접 변경하지 않고 set이라는 접두어가 붙은 함수를 사용해서 변경하는가?

과제:

1. 구조

App.js 가 PageCounter.js를 불러오고

PageCounter.js 가 Counter.js를 불러온다.

2.구성

PageCounter.js가 모든 스테이트를 가지고 있는다.

Counter.js는 props를 받아온다. ( count, increase, decrease )

decrease 실행시 0 밑으로 내려가지 않음(마이너스 x)

둥구리의 기술블로그