react-deep-dive-example

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

Table of Contents

chapter2 📁

react 📁

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

chapter3 📁

next-example 📁

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

ssr-example 📁

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

chapter6 📁

eslint-plugin-yceffort 📁

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

react-test 📁

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

chapter7 📁

danger-react-app 📁

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

deploy 📁

zero-to-next 📁

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

chapter8 📁

next13 📁

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

react-gradual-demo 📁

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

server-components-demo 📁

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