React란?

React란?

• Facebook에서 제공하는 오픈소스 JavaScript 라이브러리
• 컴포넌트 기반 UI 라이브러리
• React는 보통 대규모 혹은 복잡한 애플리케이션 개발에 많이 사용합니다.

---

React 역사

Facebook의 소프트웨어 엔지니어 jordan Walke가 개발하였다.
그는 PHP용 HTML 컴포넌트 프레임워크인 XHP에 영향을 받았고
2011년 페이스북 뉴스피드에 처음 적용되었다가 2012 인스타그램에도 적용되었다.
2013년 5월 JSConf US에서 오픈 소스화 되었다.
(리액트 웹 프레임워크 - 위키백과)

---

컴포넌트 기반이란?

• 먼저 컴포넌트기반란 웹 화면을 기준으로 header, footer, nav, aticle, aside, section 처럼
  각각 책임의 범위를 나눈 것 입니다.
  이렇게 리액트의 컴포넌트 기반은 책임의 범위를 나눔으로 인해 웹페이지 전체를 재 리로딩
  하지 않아도 됩니다.
  header, footer만 변경이 되었으면 변경된 부위만 갱신작업을 할수도 있고, aside에서 에러가
  터지면 화면 전체가 에러가 표시되는것이 아니라 해당 컴포넌트만 에러가 표시되어서
  서비스 전체를 이용못하는 크리티컬한 상황은 막을 수 있게 됩니다.

One Wat Data Flow

• 리액트의 데이터 흐름은 한방향으로 흐릅니다.
• 상위 컴포넌트에서 -> 하위 컴포넌트에게 props 형태로 data전달은 가능하나, 하위컴포넌트는
  상위컴포넌트로 전달할 수 없다.
• 하지만 이런 단방향 흐름은 단조로움으로 인해 개발자의 생각을 쉽고 빠르게 도와줄순 있지만
  필요로 인해 상위 컴포넌트 혹은, 다른 컴포넌트에 전달하는 것이 필요할 수 있습니다.
  그럴때는 Redux같은 상태 컨테이너를 사용하여 다른 컴포넌트에게도 데이터를 전달 가능합니다.