The benefits of using react

리액트를 사용하면서 느낀 이점들

1. Component
   logic을 컴포넌트별로 나누어서 관리하기 때문에 추후에 유지보수가 쉬워지고, 코드의 재사용성이 증가한다.

2. Performance
   pure javascript real DOM에서는 state의 변화가 일어났을 때 전체 DOM이 업데이트가 된다. 따라서 앱이 커질수록 퍼포먼스가 저하되게된다. 리액트에서는 이러한 단점을 보완하기 위해서 "virtual DOM"이 등장하게 되는데, 순서는 이러하다. Render - update virtual DOM - Compare with real DOM - update specific DOM object in real DOM. 실제로 업데이트된 오브젝트만 부분적으로 업데이트 하기 때문에 퍼포먼스가 크게 향상된다.

3. Eco system
   다양한 라이브러리가 지원된다.
   Redux, react-router, styled-components, Formik, gatsby등 아주 다양하다.

4. JSX
   JSX문법을 지원하기때문에 html과 javascript를 하나의 파일로 관리할 수 있다. styled-components를 함께 사용할경우 style도 하나의 파일로 함께 관리할 수 있어서 굉장히 편리하다.