React. 리액트 장점

리액트 장점(CSR 렌더링 방식)

1. 함수형 컴포넌트는 순수함수로 작성된다.

   • 사이드 이펙트가 없다.
   • 똑같은 input에 똑같은 output이므로 테스트 코드 짜기가 쉽다.

2. Virtual DOM

   • isDirty : 실제 DOM과 가상DOM이 1:1 매칭되었을 때 상태가 다른 상태 (변경 사항을 감지하고 적용한다)

   • Reconciler(조정자): 가상 DOM(React element tree를 나타내는 객체의 메모리)의 변경 사항(컴포넌트의 상태나 프로퍼티가 변경)을 감지하고 이를 비동기적으로 처리하여 가상DOM을 업데이트한다.이후, 변경된 내용은 실제 DOM에 반영되며 16ms간격으로 렌더링이 일어난다. (동기 처리도 가능하다.)

   • 스케줄러 알고리즘: Reconciler가 처리할 렌더링 작업의 우선순위를 결정하는 알고리즘이다. React의 스케줄러는 작업의 우선순위를 기준으로 어떤 작업을 언제 실행할지를 결정하여 성능을 최적화한다.

3. JSX 사용 : 다른 프레임 워크와 호환된다. [ex] Next, Astro 등