https://github.com/wikibook/react-deep-dive-example

nextjs react

Last synced: about 16 hours ago
JSON representation

《모던 리액트 Deep Dive》 예제 코드

README

# react-deep-dive-example

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

## Table of Contents

### 2장 리액트 핵심 요소 깊게 살펴보기 [📁](./chapter2)

#### react [📁](./chapter2/react)

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

### chapter4 서버 사이드 렌더링 [📁](./chapter4)

#### ssr-example [📁](chapter4/ssr-example)

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

#### next-example [📁](chapter4/next-example)

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

### chapter8 좋은 리액트 코드 작성을 위한 환경 구축하기 [📁](./chapter8)

#### eslint-plugin-yceffort [📁](chapter8/eslint-plugin-yceffort)

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

#### react-test [📁](chapter8/react-test)

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

### chapter9 모던 리액트 개발 도구로 개발 및 배포 환경 구축하기 [📁](./chapter9)

#### zero-to-next [📁](chapter9/zero-to-next)

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

#### danger-react-app [📁](chapter9/danger-react-app)

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

#### deploy [📁](chapter9/deploy)

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

### chapter10 리액트 17과 18의 변경사항 살펴보기 [📁](./chapter10)

#### react-gradual-demo [📁](chapter10/react-gradual-demo)

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

### chapter11 Next.js13과 리액트 18 [📁](./chapter11)

#### server-components-demo [📁](chapter11/server-components-demo)

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

#### next13 [📁](chapter11/next13)

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