React

JavaScript 라이브러리

SPA 는 페이지 전환 시 중복되는 부분은 새로 불러오지 않는다

State Props

onChange, onClick

상위 컴포넌트의 상태를 변경하는 함수 그 자체를 하위 컴포넌트에 전달하고 그 함수를 하위 컴포넌트가 실행한다. ⇒ 단방향 데이터 흐름에 맞는 해결방법으로 이걸 상태 끌어올리기 라고 한다.

rfcerface

CDD 방식은 컴포넌트 단위로 만들어 페이지를 조립하는 방식으로 상향식 개발 에 가깝다

CSS 코드를 다룰 때 다양한 불편함이 있는데 이를 컴포넌트화 시켜 해결해주는 라이브러리가 있다

React 로 모든 개발 요구 사항을 충족할 수 없는데, DOM 엘리먼트의 주소값을 활용해야 하는 경우 그렇다. focus text selection media playback 애니메이션 적용 d3.js, greensock 등 DOM 기반 라이브러리 활용 이런 예외적

원래의 상태(state)는 최상위 컴포넌트에 위치시키는게 적절하지만, 프로젝트 규모가 커지거나 코드 관리를 용이하게 하기위해서는 Redux 같은 상태관리 툴을 이용할 수 있다

리액트는 가볍게 만들어졌지만 개발자 니즈에 맞춰 많은 라이브러리를 사용하게 되면서, 이런 라이브러리를 골라서 번들링 할 수 있는 웹팩이 필요하게 되었다.

props로 인한 무한드릴링이 사라지고, 해당 state를 사용한 컴포넌트만 사용되기 때문에 부모요소까지 다시 렌더링하지 않고, 해당 컴포넌트가 있는 부분만 렌더링하기때문에 퍼포먼스에도 상당한 도움을 받을 수 있고 react 의 생산성을 높일 수 있다.