Web/FrontEnd

React

JunOnJuly 2023. 11. 3. 20:35
728x90

React


개념

메타(전 페이스북) 에서 개발한 오픈소스 자바스크립트 라이브러리입니다. Angular, Vue 와 함께 큰 인기를 누리고 있습니다. 또, github star 수와 npm 패키지 다운로드 수는 React 가 가장 많다고 합니다. 또 web framework 중에서는 기본이라고 할 수 있는 node.js 와 비슷할 정도로 높은 응답률을 보였습니다.

2023 Stack Overflow Developer Survey

SPA(Single Page Application) 을 전제로 하고 있으며 업데이트해야 하는 DOM 요소만 부분적으로 업데이트하기 때문에 리렌더링이 잦은 동적웹에서 엄청나게 빠른 퍼포먼스를 냅니다. 또 모듈형 개발이기 때문에 생산성도 상당히 높습니다. 거기에 프레임워크가 아닌 라이브러리이기 때문에 다른 프레임워크에 붙여서 사용할수도 있어 사실상 웹 프론트엔드 개발의 표준으로 자리잡았다고 볼 수 있습니다. 추가적으로 타입스크립트나 Sass, Next.js 의 지원으로 사용 범위또한 기하급수적으로 늘어났습니다.


Recoil

Recoil 은 주목받고 있는 React 상태관리 라이브러리입니다. 전에도 Redux 나 Mobx 를 사용하곤 했지만 이들은 React 라이브러리가 아니기에 내부 스케줄러에 접근하기 어렵다는 단점이 있었습니다. 또 동시성모드라는 개념이 등장하며 React 와 동시성 모드를 쉽게 사용할 수 있는 해결방안으로 Recoil 을 개발한 것 같습니다. 동시성 모드는 간단히 말해 하나의 스레드를 쪼개어 여러 작업을 동시에 하게 만드는 것이라고 생각하면 될 것 같습니다.

 

recoil-basic-demo - CodeSandbox

recoil-basic-demo by SvetaSR using react, react-dom, react-scripts, recoil

codesandbox.io

728x90