2016-07-29 4 views
-3

사용자가 일부 제품을 검색 할 수있는 웹 응용 프로그램이 있지만 경우에 따라 브라우저에서 결과가 1000 개가 넘는 행에서 반환 된 데이터가 브라우저에 걸려 완전히로드 될 시간이 더 길어집니다. .큰 웹 페이지를 렌더링하는 방법

내 질문은 어떻게 클라이언트 쪽과 덜로드 시간에 걸려 있지 않고 반환 된 데이터를 렌더링하는 것입니다.

저는 ReactJS에 익숙하지 않습니다. 그러나 렌더링이 서버에 있고 사용자 요청에 따라 데이터가 제공 될 경우이 방법이 도움이됩니까?

답변

0

나는 성공적으로 과거에는 https://github.com/bvaughn/react-virtualized을 사용했습니다. 트릭은 한 번에 일부 데이터를로드하는 것뿐 아니라 이미 표시된 행을 렌더링하는 것만 처리합니다. 또한 이러한 최적화를하지 않고 시도해 보았고 데이터가 렌더링 될 때까지 여러 초 기다리는 결과를 낳았습니다. 때로는 브라우저가 사용자에게 스크립트 실행을 취소하라는 메시지를 표시하기에 충분한 시간입니다. 뷰 메서드에있는 것만 렌더링하는 것이 훨씬 더 나은 경험입니다. 당신은 아래로 사용자가 스크롤로 결과를 표시하고 한 번 결과 페이지에있는 모든 데이터를로드하지 Lazy Loading with reactJS를 사용하여 시도 할 수 있습니다

관련 문제