# Suspense

7개의 포스트
post-thumbnail

사용자 경험 개선 1편 - react suspense

🎈 본문에 등장하는 문제에 대한 예시는 suspense를 사용하지 않고도 해결할 수 있습니다.하지만 앱이 커지고 복잡해짐에 따라 각 문제를 어떻게 선언적으로 손쉽게 해결할 수 있느냐에 대한 관점으로 봐주시길 바랍니다.🎈 2021.07.11 기준 시험적인 기능입니다.

2021년 7월 11일
·
1개의 댓글

[코드 스플리팅] 코드 비동기 로딩

자바스크립트 함수 비동기 로딩, 컴포넌트 코드 스플리팅

2021년 6월 10일
·
0개의 댓글
post-thumbnail

Suspense & Lazy With Transition

React를 사용하면서 Code Splitting을 적용하려면 다음과 같이 Dynamic import를 사용해서 구현할 수 있다. 이 때, Suspense와 Lazy를 사용했을 떄, 트랜지션 적용 방법을 코드를 통해서 구현 방법과 동작 과정에 대해서 확인해보자.

2021년 5월 5일
·
0개의 댓글

react 코드 스플리팅

프로젝트의 규모가 커질수록 파일 용량이 커지기 때문에 그로인한 사용자에게 느린환경을 경험하게 할수 있다. 이럴때 코드 스플리팅을 사용하여 첫 렌더링시 당장 필요한 코드가 아니라면 나중에 불러오게 하여 로딩속도를 개선할 수 있다.import방식을 lazy에 감싸서 필요할

2021년 3월 24일
·
0개의 댓글

210216 공부일기

Suspense(https://ko.reactjs.org/docs/concurrent-mode-suspense.html장점은 솔직히 잘 이해 안되는데 리액트 문서에서 말하기를 앱의 시각적인 로딩 단계를 밀접하게 통제할 수 있도록 해준다는 것. 이 장점인 것 같

2021년 2월 16일
·
0개의 댓글
post-thumbnail

[TIL] React.Suspense / React.lazy 를 활용하여 Skeleton UI 알아보기

새로운 프로젝트를 시작하면서 skeleton UI를 접목시켜보고 싶다는 생각이 들었다.물론 skeletonUI 관련 api도 나와있고 손쉽게 할 수 있지만, 리액트 공식문서를 읽다보니 suspense / lazy라는 기능도 있겠다. 겸사겸사 해보려한다.skeleton

2021년 1월 25일
·
0개의 댓글

React 동적 라우팅에 관하여

우리가 사용하는 React는 SPA 기반으로 개발을 한다.우리가 사용하는 html은 싱글 페이지이기 때문에 우리는 필연적으로 라우팅이 필요하다.그리고 프로젝트가 점차 커지고 라우팅 패스가 하나 둘씩 많아 지게 되면, 자연스럽게 클라이언트 라우팅만을 담당하는 별도 컴포넌

2020년 12월 20일
·
0개의 댓글