[React] React의 장단점

📌장점

1. 높은 자유도

• 태생 자체가 프레임워크가 아니라 Javascript언어 기반의 라이브러리이기 때문에 개발자가 때마다 필요한 기능을 골라서 사용할 수 있음
• 컴포넌트 제작 단계에서도 하나의 파일에 여러 개의 컴포넌트를 만들어서 사용할 수 있고, 파일 내에서 함수를 export만 해주면 모두 컴포넌트로 가져다 쓸 수 있음. (Vue와 Svelte의 경우 하나의 파일 당 하나의 컴포넌트만 정의 가능)

2. 컴포넌트 기반의 아키텍처

• 재사용 가능한 컴포넌트 제작으로 생산성과 유지보수가 용이
• 파일 내에서 새로운 함수형 컴포넌트를 생성하는 방법으로 컴포넌트 분리가 가능

3. 성능 최적화

• Virtual DOM을 사용하여 렌더링을 최적화
• 컴포넌트 레벨에서 useMemo, useCallback를 이용한 최적화를 제공
• React.lazy와 Suspense를 이용한 코드 분할 및 지연 로딩 기능을 제공

 

📌단점

1. 별도의 라이브러리가 필요

• React는 View(MVC 패턴 중 View)에 초점을 맞춘 라이브러리이므로 필요한 기능을 직접 구현해야하거나, 라우팅이나 상태관리와 같은 라이브러리를 추가로 설치해야 한다.

2. 느린 초기 로딩 속도

• React는 Javascript가 html을 그리기 때문에 처음 앱에 접속했을 때에는 빈 html을 받게 되며, Javascript코드가 실행되기까지 로딩 시간이 소요된다.
• 해결책 : Server-side Rendering을 적용하여 필수 컨텐츠를 사용자에게 미리 보여주기, 번들 사이즈 줄이기(폰트, 이미지 최적화, Suspense / React.lazy사용) 등