# [번역] 2023년 버전 리액트 프로젝트를 시작하는 방법

> Clean Markdown view of GeekNews topic #8886. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=8886](https://news.hada.io/topic?id=8886)
- GeekNews Markdown: [https://news.hada.io/topic/8886.md](https://news.hada.io/topic/8886.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2023-04-05T10:31:01+09:00
- Updated: 2023-04-05T10:31:01+09:00
- Original source: [velog.io](https://velog.io/@eunbinn/how-to-start-a-react-project-in-2023)
- Points: 34
- Comments: 1

## Topic Body

- 최근 리액트 문서에서는 create-react-app(CRA)를 지양하고, 다른 스타터 키트를 권장함   
- 그래서 추천하는 리액트 리액트 스타터 프로젝트들을 정리함   
### 목차   
- Vite와 리액트  
  - 리액트와 Vite를 사용했을 때 장점  
  - 리액트와 Vite를 사용했을 때 단점  
  - 리액트 문서에서 Vite를 기본값으로 제시하지 않는 이유  
- Next와 리액트  
  - Next.js를 사용했을 때 장점  
  - Next.js를 사용했을 때 단점  
  - 리액트 문서에서 Next.js를 기본값으로 제시하는 이유  
- Astro와 리액트  
  - 리액트와 Astro를 사용했을 때 장점  
  - 리액트와 Astro를 사용했을 때 단점  
  - 리액트 문서에서 Astro를 기본으로 제시하지 않는 이유  
- 리액트 프로젝트는 어떻게 시작하나요?  
- 리액트 스타터 프로젝트에 대한 최종적인 생각

## Comments



### Comment 15525

- Author: joyfui
- Created: 2023-04-05T13:22:10+09:00
- Points: 2

진짜 리뉴얼된 리액트 문서 보니까 아예 cra가 사라졌네요. 요즘 vite 많이 쓰던데 그거라도 넣어주지...