- Today
- Total
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- map
- 에러처리
- JavaScript
- deep dive
- Angular
- js
- Java Script
- 비동기
- 상태관리
- 모던 자바스크립트
- get
- React
- 모던 자바스크립트 deep dive
- 백준 실버
- 알고리즘
- 네트워크
- http
- html
- C++
- 이터러블
- 프론트엔드
- git
- 자바스크립트
- 웹
- 백준
- async
- error
- es6
- git error
- 그림으로 배우는 http&network
Archives
목록Suspense (1)
sharingStorage
React query와 Asyncronous Recoil (feat Suspense, Loadable)
들어가며 현재 모던 프론트엔드에서 대부분의 리액트 코드는 서버와의 통신 상태에 따라 View를 나누어 보여주어야하기 때문에 아래와 같이 작성하는 경우가 빈번합니다. /** React */ return ( {isLoading && } {apiError && } {data && } ) 기본적으로 React 17에서의 Suspense는 Data Fetching을 위한 Pending Handler가 아니라, 기존의 워터폴 방식으로 이루어져있는 Render방식을 개선해주는 역할이기때문에, 위의 상황에서 활용하기에는 문제가 있으나, React-Query나 Recoil에서 React 18부터 정식 릴리즈되는 Suspense를 활용해 명령형이 아닌 선언형으로 서버와의 통신 상태에 따라 View를 나누어 보여줄 수 있게..
Front-End/React
2023. 5. 8. 17:44