1. Component 단위 개발
리액트는 화면의 한 부분을 컴포넌트라는 단위로 나눌 수 있으며 독립적으로 관리를 할 수 있다. 또한 이러한 컴포넌트들은 다른부분, 다른 웹에서 재사용이 가능해진다. 이는 코드의 재사용으로서 생산성과 유지보수를 용이하게 하는 장점이 있다.
2. jsx문법 제공
JSX는 리액트에서 HTML와 유사한 문법을 사용할 수 있도록 하는 것으로 요소를 제공해주기 때문에 컴포넌트를 쉽게 구성할 수 있다.
3. Virtual DOM
- DOM API를 계속 호출하면 리페인팅, 리플로우로 인해 렌더링이 계속 발생하고 이는 성능 저하로 이어질 수 있다. 하지만 리액트에서는 가상 DOM을 사용하여 유저의 인터랙션이 일어나면 변화가 일어난 dom 트리의 노드만 교체하기 때문에 브라우저의 불필요한 렌더링 횟수를 줄이고 UI의 빠른 업데이트가 이루어질 수 있다.
...하지만 리액트의 Virtual DOM의 성능이 엄청나게 뛰어난 것은 아니라고 한다..
리액트팀은 Virtual DOM 을 사용해도 "충분히 빠르기 때문"에 Virtual DOM의 성능을 어느정도 용인한다고.......
출처 :: https://alreadyusedadress.tistory.com/357
4. Single Page Application, Client Side Rendering 개발
React를 사용한다면 Single Page Application 개발이 쉬워진다.
SPA는 HTML, CSS, JS 파일을 최초 1회만 로드하고 이후에는 JS 파일을 통해 필요한 HTML 파일을 조작하는 방식으로, 처음 한번만 요청하면 파일이 불러와지기 때문에 페이지 이동할 때 새로운 페이지를 요청하지 않아도 된다. 화면의 필요한 데이터만 불러오기 때문에 처리 과정이 효율적이며 속도도 빨라 사용자 경험에서도 좋다.
5. 사용자수가 많다.
- 다른 프레임워크에 비해 사용자 수가 많다
=> 검색을 통해 쉽고 빠르게 도움을 얻을 수 있다.
6. ⭐🌟⭐🌟취업에 필수⭐🌟⭐🌟
참고페이지
쑥쑥쑥쑥 레벨업🌱🌼🌳