[React] 리액트는 무엇인가?

[yejun95]

리액트란 무엇인가?

• 리액트 홈페이지에 들어가보면 아래와 같이 나와 있다.

  • A JavaScript library for building user interfaces
    

• 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리라는 뜻이다.

• 라이브러리 : 자주 사용되는 기능들을 모아놓은 것

  • 리액트는 Javascript의 대표적인 사용자 UI 라이브러리이다.
    

✔ 장점

빠른 업데이트와 렌더링 속도

• Virtual DOM 사용
  
  

Virtual DOM

• Virtual DOM은 필요한 부분만 Re-render 한다.

• Browser DOM은 전체를 Stage 상태로 만든 뒤 필요 부분을 Re-render 한다.
  
  

Component-Based 로 구성되어 있음

• 레고 블록 조립하듯 컴포넌트들을 모아서 개발
  
  

재사용성

• 컴포넌트를 공통화하여 재사용이 가능하게 만듬

• 개발 기간이 단축된다.

• 유지 보수가 용이해진다.

• 아래와 같이 의존성을 최소화하여 개발해야함

Meta라는 든든한 지원군

• 꾸준한 업데이트가 된다.
  
  

활발한 지식공유 및 커뮤니티

• 참조할 레퍼런스가 많다.

• Vue.js의 경우 리액트보다 레퍼런스가 적음
  

  ---

  
  

✔ 단점

방대한 학습량

• JSX

• Component

• State

• Props
  
  

높은 상태관리 복잡도

• State를 관리해야 함
  • 상태관리를 위해 Redux 등을 사용하는 것임
    

    ---

    
    

Reference

인프런 Inje Lee : 처음 만난 리액트(React