리액트 공식문서 톺아보기

reactjs 컴포넌트 순수하게 유지하기순수 함수란 함수가 호출되기 이전에 존재했던 어떤 객체나 변수도 변경하지 않는 것을 말한다. 핵심은 같은 입력이 주어졌을 때 항상 같은 결과를 반환한다는 것이다. 리액트 컴포넌트도 결국에는 하나의 함수이고, 리액트는 기본적으로 모

렌더링이란 리액트가 컴포넌트를 호출하는 것을 말한다. 실제로 화면(브라우저)에 그려지는 것 또한 렌더링이라고 하기 때문에 용어의 혼동이 생길 수 있는데, 이 글에서 후자는 브라우저 렌더링이라고 명시하여 작성했다. 공식 문서에서는 다음 세 단계에 따라 화면 업데이트가 이

컴포넌트 내부에 선언한 변수는 컴포넌트가 다시 호출될 때마다 초기화된다. 그러나 컴포넌트 리렌더링이 일어난다고 해서 state가 초기화되진 않는다. 컴포넌트 안에 state를 선언했는데 어떻게 그게 가능할까?state는 함수의 실행 및 종료에 관계없이 리액트 자체에 존

오류 없이 상태를 쉽게 업데이트하기 위해서 공식 문서에서는 다음 원칙을 제시한다. 이 글을 읽기 전까지 나는 막연히 렌더링에 영향을 주는 값은 모조리 state로 관리하는 줄 알았다. 그러면서 실제로 모순되거나, 불필요한 state를 사용한 경험이 있다. state 구