react-deep-dive-example

《모던 리액트 Deep Dive》 예제 코드입니다.

Table of Contents

2장 리액트 핵심 요소 깊게 살펴보기 📁

react 📁

2장에서 다룬 리액트와 관련된 리액트 예제를 모아두었습니다.

chapter4 서버 사이드 렌더링 📁

ssr-example 📁

4-2 장에서 다룬 리액트 서버사이드 렌더링 api를 바탕으로 실제 리액트 api 를 기반으로 바닐라 서버사이드 렌더링 애플리케이션을 만든 예제 애플리케이션입니다.

next-example 📁

4-3 장에서 다룬 nextjs 에 대한 예제 애플리케이션입니다.

chapter8 좋은 리액트 코드 작성을 위한 환경 구축하기 📁

eslint-plugin-yceffort 📁

8-1 장에서 다룬 사용자 정의 eslint-plugin을 만들어본 예제 입니다. eslint-plugin-yceffort라는 이름으로 만들어졌습니다.

react-test 📁

8-2 장에서 다룬 리액트 테스트 코드관련 예제 코드를 모아두었습니다.

chapter9 모던 리액트 개발 도구로 개발 및 배포 환경 구축하기 📁

zero-to-next 📁

9-1장 에서 다룬 빈 폴더에서 부터 nextjs 애플리케이션을 만들어본 예제입니다.

danger-react-app 📁

9-2장 에서 다룬 보안 취약점이 있는 리액트 애플리케이션을 수정한 예제 입니다. 주요 보안 이슈를 수정했지만 여전히 잠재적인 보안 취약점이 있을 수 있으므로 사용하는 것을 권장하지 않습니다.

deploy 📁

9-3장에서 다뤘던 여러 SaaS 서비스에 배포 해본 예제입니다.

chapter10 리액트 17과 18의 변경사항 살펴보기 📁

react-gradual-demo 📁

10-1장 리액트 17의 변경에 대해서 다룬 내용 중 하나인 리액트의 점진적인 업데이트를 구현해본 예제 애플리케이션입니다.

chapter11 Next.js13과 리액트 18 📁

server-components-demo 📁

11-2 장에서 소개한 서버 컴포넌트에 대한 예제 애플리케이션입니다. nextjs와 같은 프레임워크를 사용하지 않은 순수 리액트 서버 컴포넌트 예제 입니다.

next13 📁

11-3 장에서 다룬 next@13 이상 버전에서 제공 되고 있는 app directory 를 활용한 예제 애플리케이션입니다.