2016-08-30 5 views
0

현재 웹 사이트의 '배경'에 WebGL을 사용하는 프로젝트를 만들고 있는데, UI 레이어가 위에 있습니다. 나는 반응을 사용하여 선택의 무기로 건물과 UI의 업데이트 (redux 함께) 처리합니다. 내가 겪었던 문제는 당시에 마운트 된 모든 구성 요소에서 setState를 호출하면 내 WebGL 내용 (회전하는 지구본)이 너무 약간 지터가 발생한다는 것입니다.DOM 재 작성에 미치는 영향이 적은 대체품

나는 반응이 아닌 다른 것을 사용 했으므로 오랜 시간이 걸렸으며 나는 데이터 가져 오기와 상태 관리에 대해 줄이기를 원합니다. 그래서, 내 질문은 :이 경우에 사용할 좋은 UI 프레임 워크는 무엇입니까, 그것은 DOM 다시 그리기에 미치는 영향이 적습니까? 이미 redux 스토어에서 듣는 동안 바닐라 JS를 사용하여 DOM을 조작하는 작은 개념 증명을 수행했으며 지터가 사라졌습니다. Ofcourse, jQuery는 옵션 일 수 있지만 오래된 것 같습니다. NPM과 Webpack을 사용하여 건물 및 패키지 관리를합니다. 무리 감사!

답변

0

UI가 지나치게 복잡하지 않고 성능이 필요한 경우 일반 DOM 조작을 시도해보십시오. WebGL을 사용하기 때문에 JavaScript에서 무거운 작업을 수행 할 수 없거나 프레임 속도가 저하됩니다.

componentShouldUpdate 및 기타 React 성능 트릭을 구현하여 단일 프레임에서 업데이트 시간을 확보 할 수도 있습니다. 그것은 어렵지만 가능합니다.

관련 문제