# Show GN: LazyRender - 화면에 보일때 리액트 컴포넌트를 랜더링하는 라이브러리

> Clean Markdown view of GeekNews topic #8546. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=8546](https://news.hada.io/topic?id=8546)
- GeekNews Markdown: [https://news.hada.io/topic/8546.md](https://news.hada.io/topic/8546.md)
- Type: show
- Author: [wes5510](https://news.hada.io/@wes5510)
- Published: 2023-02-22T21:31:23+09:00
- Updated: 2023-02-22T21:31:23+09:00
- Original source: [npmjs.com](https://www.npmjs.com/package/@wcdw3/lazy-render)
- Points: 4
- Comments: 0

## Topic Body

화면에 보일때 리액트 컴포넌트를 보여주는 라이브러리입니다.  
https://www.npmjs.com/package/react-intersection-observer 를 사용하여 구현하였습니다.  
많은 정보를 포함하고 있는 페이지에서 화면에 있는 컴포넌트만 랜더링하여 성능을 높일 수 있습니다.  
추가로 컴포넌트안에 서버와 통신하는 코드가 있다면 더욱 유용하게 사용할 수 있습니다!  
부족하지만 잘부탁드립니다!

## Comments



_No public comments on this page._