분류 Reactjs

react-canvas - React 컴포넌트를 위한 고성능 <캔버스> 렌더링

컨텐츠 정보

  • 조회 286 (작성일 )

본문

React Canvas는 React 컴포넌트가 DOM이 아닌 렌더링 할 수 있는 기능을 추가합니다.


이 프로젝트는 진행중인 작업입니다. flipboard.com에서 많은 코드가 제작되었지만 React 캔버스 바인딩은 비교적 새롭고 API는 변경 될 수 있습니다.


https://github.com/Flipboard/react-canvas 


모바일 장치를 대상으로 인터페이스를 구축 한 오랜 역사를 가진 우리는 기본 앱과 비교할 때 모바일 웹 앱이 느리게 느껴지는 이유가 DOM이라는 것을 발견했습니다. 

CSS 애니메이션 및 전환은 웹에서 부드러운 애니메이션을 만드는 가장 빠른 경로이지만 몇 가지 제한이 있습니다. 

React Canvas는 현재 대부분의 최신 모바일 브라우저에 하드웨어 가속 캔버스가 있다는 사실을 활용합니다.


캔버스 그리기 API를 React에 바인딩하려는 다른 시도가 있었지만 시각화 및 게임에 더 중점을 둡니다. React Canvas의 차이점은 응용 프로그램 사용자 인터페이스 구축에 중점을 둡니다. 캔버스로 렌더링 한다는 사실은 구현 세부 사항입니다.