Why Qwik is the FutureLet’s take a look at the following questions:* Why Qwik’s approach is promising.* How other frameworks have inspired Qwik. * How Qwik compares to other JavaS...youtu.be
nextjs에서도 이제 13부터 컴포넌트단위로 ui스트리밍이 되지만
자바스크립트를 서버에서 받는 하이드레이션은 똑같이 있음
qwik이거는 하이드레이션이 아예없음
어떻게 하이드레이션이 없냐면
스벨트처럼 렌더링트리 비교없이 엘리먼트를 직접 업데이트하는
컴파일단계가 있는데 단순히 렌더링만 신경쓰는게 아니라
모든코드의 상태를 직렬화해서
비디오의 1~100%지점 찾는것 처럼 정지 및 재개가 가능하게
청크로 나눠지도록 한다고 함
필요할때 브라우저로 넘어가면서 더 세분화된 스트리밍이 됨
Liveview가 하는것처럼 웹소켓을 이용하는 정도의 실시간 스트리밍은 아니지만
qwik이 인식할 수 있는 코드의 청크단위로는 정지 및 재개가 가능해서 스트리밍이가능함
---
이거 설명하는사람도 react생태계가 넘사라 공부용 이상으로는 안쓸거라고함
근데 이런방식이 미래인건 확실해서 next에서 점진적으로 이 방식을 쓸거고 알아두면 좋대
하이드레이션 없이 청크로 나눠지는거까진 ok인데, 그걸 어떻게 정지 재개를 해서 나눈다는지 이해가안가네
이번에 next.js 13도 보니까 상태를 직렬화해서 html에 뿌려서 내려보내는것같던데 스트리밍을 좀 더 파면 그렇게되겠구나.. 신기하다
나도 잘 이해는 안가는데.. 영상에서는 클라이언트에게 보내는 html에 직렬화된 상태값을 기록한다고 함 여기에는 이벤트리스너 정지/재개할 진입점에대한 정보 앱상태들이 기록된대 그리고 partytown이라는 다른쓰레드의 서비스워커한테 할당해서 이거를 백그라운드에서 지속적으로 해석한다고함