React Server Components with Dan Abramov, Joe Savona, and Kent C. Dodds TLDR: React 서버 컴포넌트는 성능 최적화와 서버와 클라이언트 간의 데이터 종속성 코로케이션을 제공하지만, 더 나은 도구와 프레임워크로 해결해야 하는 장단점과 과제가 있습니다. 1. 👨‍💻 React 서버 컴포넌트는 번들 분할을 최적화하고 서버와 클라이언트 간의 공생 관계를 생성하여 다양한 최적화를 제공합니다. 2. 👀 React 서버 컴포넌트는 일관된 사용자 경험을 제공하고 서버와 클라이언트 간의 데이터 종속성을 공동 배치할 수 있습니다. 3. 🔍 Remix와 서버 컴포넌트의 느린 응답과 가관측성 부족은 더 나은 툴과 데이터 종속성 공동 위치 지정으로 해결할 수 있지만, N 플러스 원 문제는 여전히 상충 관계에 있습니다. 4. 👨‍💻 값과 인수를 전달하는 것은 런타임 특성이 동일하고, React는 페치를 패치하지 않고 자체 버전을 제공하며, Next.js와 Remix와 같은 프레임워크는 요청과 응답 객체에 대한 액세스를 다르게 처리합니다. 5. 👨‍💻 React의 서버 컴포넌트에는 파일 세분성 및 헤더 전달 문제 등 장단점이 있지만, Remix와 같은 프레임워크와 잠재적인 슈퍼 컴포넌트 프레임워크가 해결책을 제시합니다. 6. 💻 Remix의 서버 컴포넌트를 사용하면 상호작용과 앱 구조화가 쉬워져 리팩토링의 필요성이 줄어들고 더 많은 표현 기능을 구현할 수 있습니다. 7. 👨‍💻 서버 컴포넌트는 서버에서 성능 최적화 및 코로케이션을 제공하지만, 변형을 구현하기 전에 이 방향을 충분히 검토하는 것이 중요합니다. 8. Next.js13 앱 라우터는 클라이언트 전용 사용과 명확하게 분리된 가장 포괄적인 React용 서버 컴포넌트 구현입니다.

React Server Components with Dan Abramov, Joe Savona, and Kent C. Dodds

www.youtube.com

React Server Components with Dan Abramov, Joe Savona, and Kent C. Dodds

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2023년 4월 8일 오전 8:19

댓글 0

    함께 읽은 게시물

    샌프란시스코에서 강도 당한 썰

    ... 더 보기

    샌프란시스코에서 강도 당한 썰

    K리그 프로그래머

    샌프란시스코에서 강도 당한 썰

    조회 646


    리브스메드는 8300억원이라는 이례적으로 높은 기업가치로 하반기 중 코스닥 시장문을 노크한다. 기존 경쟁 기업 제품을 능가하는 기술력과 우호적인 시장 환경, 경쟁력 있는 신제품 출시 일정 등이 기대감을 높이고 있다.

    ... 더 보기

    이데일리-세상을 올바르게,세상을 따뜻하게

    이데일리

    이데일리-세상을 올바르게,세상을 따뜻하게

    조회 349


    < 🔔 내가 만나본 빠르게 성장하는 주니어 개발자들의 특징 > 본론에 앞서 이 글은 그동안 제가 만나본 성장이 빠르다고 느낀 주니어 개발자분들의 태도와 습관을 정리해보는 글입니다. 기술이나 학습등을 거론하며 '이런것만 배우면 당신도 빠르게 성장할 수 있습니다!' 류의 글은 아니고 그분들의 이런 태도와 습관이 성장에 영향이 있지 않았을까 정도의 글이라고 생각해주시면 되겠습니다. ✅️ 질문을 잘한다. 빠르게 성장하신 분들의 질문엔 2가지 공통점이 있었다. 1. 질문의 타이밍 대부분의 신입사원이나 주니어 개발자분들은 선배 개발자에게 질문을 하기 부담스러워 한다. 그래서 혼자 몇일을 끙끙거리다가 힘겹게 질문하거나 선배 개발자가 먼저 말을 걸어서 답을 얻는 모습을 많이 본다. 만약 알고싶던 내용이 선배 개발자가 바로 대답해줄 수 있는 것이었다면 오래 끙끙거린만큼 시간을 허비해버린것과 같다. 질문을 잘하는 분들의 경우 자신들의 고민이 자신이 풀수 없는 수준이라는걸 알게 되면 선배 개발자들에게 바로 질문함으로써 그만큼 시간을 아끼고 다음 스텝으로 나아간다. 2. 질문의 깊이 질문할 때 '이게 뭐에요?' 나 'A 부터 Z 까지 알려주세요' 등의 질문을 하지 않는다. 자신이 충분히 찾아보고 자신의 선에서 최대한 알아본 뒤에 풀리지 않는 부분을 질문한다. 그렇기에 질문의 깊이가 깊다. 이런 질문을 받았을 때 바로 답을 주는 경우도 있지만 대부분 이런 깊이 있는 질문은 정확한 확인을 위해 다시 한번 관련 내용을 찾아보게 만든다. 이로 인해 질문 받는 사람도 알고 있던 내용을 복습하거나 놓쳤던 부분을 공부하게 되고 이를 통해 같이 성장하는 느낌을 받는다. 그래서 나는 이런식으로 질문 하는 분들이 좋고 나도 다른 사람들한테 이렇게 질문을 하기 위해 노력한다. ✅️ 가만히 있지 않는다. 간혹 내 업무가 많이 밀리고 바쁘다보면 주니어 분들을 신경쓰지 못해 그분들의 업무에 공백이 생길때가 있다. 업무를 잘하시는 주니어 분들은 이런 공백도 허투루 지나가지 않고 아래와 같은 행동들을 한다. 1. 업무 혹은 과제를 달라고 요청한다. 2. 팀에서 진행하는 프로젝트에 이슈가 없는지 찾아본다. 혹은 발견된 이슈의 원인을 파악해보려고 한다. 3. 팀에서 진행하는 프로젝트 코드를 분석한다. 4. 팀에서 사용하는 오픈소스나 프레임워크, 라이브러리 코드를 분석한다. 5. 프... 더 보기

     • 

    댓글 12 • 저장 840 • 조회 34,419


    기술, 개발 학습 자료 7가지

    최근 자주 사용하고 있는 기술, 개발 및 자기 계발 학습 자료를 모아서 공유합니다. 1️⃣ Educative.io 퀄리티가 상당히 높은 기술 관련 코스가 많은 것 같아요. 현재까지 코스 3개를 들었습니다. 책처럼 읽으면서 배우는 코스라 듣는 것보다 읽으면서 학습하는 걸 선호하는 분들에게 추천합니다. 주제를 깊이 파고들고 코드나 설계 예시가 많아서 잘 사용하는 것 같습니다. 최근에 Concurrency관련 코스를 듣고 있습니다. https://www.educative.io/ 2️⃣ Designing Data Intensi... 더 보기

    Educative: Interactive Courses for Software Developers

    Educative

    Educative: Interactive Courses for Software Developers

     • 

    댓글 9 • 저장 954 • 조회 22,015


    인공지능과 빅테크의 영향력

    많은 작은 신문사(인터넷 신문사)의 등장으로 대형 신문사의 힘이 예전 같지 않다.

    ... 더 보기

    해외 대학

    

    ... 더 보기