리액트 18에서 달라진점은.. 기존에는 SSR하려면 서버에서 뭔가 처리 -> 랜더링 트리 구성 -> 랜더링 -> 그 결과를 클라이언트에게 전송. 이 순서가 하나라도 흐트러지면 안되었다고 한다면.. 지금은 랜더링부터 해버리고 -> 서버결과는 나중에 보내도 상관없게됨. (서버사이드 Suspense) .
익명(180.71)2022-01-24 13:44
답글
- 서버처리가 10초걸리고, 랜더링은 거의 0초, 네트워크는 1초 가정하면 유저가 처음에 볼 컨텐츠까지 보는데 최소 11초가 걸리겠지.
- 근데 일단 랜더링부터 해서 보내버리면 1초만에 유저가 컨텐츠를 볼 수 있고, 그 후 서버처리 (10초) 가 완료되면 서버가 다시 클라이언트에게 특별한 데이터를 보냄. 리액트는 그 특별한 데이터를 읽고 컴포넌트에 데이터를 꽃아주는거고.
익명(180.71)2022-01-24 13:46
답글
아항 고마원
ㅁㅁ(58.126)2022-01-24 15:15
리액트 서버컴포넌트 나와서 Next.js는 계속 씀. 너가 초보인 이유는 context api있는데 리덕스랑 리코일 망하지 않을까 이 질문임
해보고 후기좀
해당 댓글은 삭제되었습니다.
서버사이드랜더링은 리액트에서도 원래 되는거고
리액트 18에서 달라진점은.. 기존에는 SSR하려면 서버에서 뭔가 처리 -> 랜더링 트리 구성 -> 랜더링 -> 그 결과를 클라이언트에게 전송. 이 순서가 하나라도 흐트러지면 안되었다고 한다면.. 지금은 랜더링부터 해버리고 -> 서버결과는 나중에 보내도 상관없게됨. (서버사이드 Suspense) .
- 서버처리가 10초걸리고, 랜더링은 거의 0초, 네트워크는 1초 가정하면 유저가 처음에 볼 컨텐츠까지 보는데 최소 11초가 걸리겠지. - 근데 일단 랜더링부터 해서 보내버리면 1초만에 유저가 컨텐츠를 볼 수 있고, 그 후 서버처리 (10초) 가 완료되면 서버가 다시 클라이언트에게 특별한 데이터를 보냄. 리액트는 그 특별한 데이터를 읽고 컴포넌트에 데이터를 꽃아주는거고.
아항 고마원
리액트 서버컴포넌트 나와서 Next.js는 계속 씀. 너가 초보인 이유는 context api있는데 리덕스랑 리코일 망하지 않을까 이 질문임
아항!