더 길게 말하자면, 리액트는 애플리케이션의 뷰 레이어만 담당하는 자바스크립트 라이브러리입니다. 즉, 사용자 인터페이스를 렌더링 하고 UI 가 변경될 때마다 업데이트를 하는 작업만을 담당하는 것이죠.
예를 들자면, 쇼핑몰 웹 사이트를 만든다고 했을 때, 장바구니에 있는 아이템들을 추가하고 제거 할 때, 변경 되는 아이템들의 항목 수를 유지하려 하고 싶다고 가정 해보겠습니다. 리액트를 사용하면, 쇼핑백에 있는 항목 수를 표시 할 것인지를 쉽게 지정할 수 있습니다 ( 예 : {itmes.length} )
리액트는 쇼핑백에 있는 항목 수를 표시하지만, 이 항목들이 추가되거나 제거 될때 마다 업데이트를 해줍니다.
라이브러리와 프레임 워크의 차이점을 간략히 말해보자면, 라이브러리는 한 측면에서만 도움이 되는 반면에, 프레임워크는 여러 측면에서 도움이 된다고 할 수 있습니다.
왜 리액트가 라이브러리인가? => 그것은 , 리액트는 UI만 처리하기 때문에 라이브러리입니다.
반면, Angular의 경우, UI 보다 훨씬 더 많은 것을 처리하기 때문에 프레임 워크입니다. (CSS캡슐화 등등)
리액트 자체는 아름답게 디자인 된 버튼이나 카드 등을 제공하지 않기 때문에 UI라이브러리라 볼 수 없습니다. 복잡한 UI관리에 도움이 되지만 디자인 시스템은 포함되어 있지 않으며, 디자인 라이브러리를 선택하거나 CSS등을 사용해서 멋지게 보이게 하는것은 사용자에 달려있습니다.