- 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 | 29 | 30 | 31 |
Tags
- JavaScript
- map
- 웹
- 백준
- get
- git
- deep dive
- 알고리즘
- 상태관리
- C++
- 이터러블
- 그림으로 배우는 http&network
- Java Script
- async
- 모던 자바스크립트 deep dive
- React
- html
- error
- 비동기
- 네트워크
- 자바스크립트
- 프론트엔드
- git error
- es6
- Angular
- http
- 백준 실버
- js
- 모던 자바스크립트
- 에러처리
Archives
목록react-query (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