새로운 리액트의 공식 문서를 보면, 새로운 리액트 프로젝트를 시작하는데 3가지 프레임워크를 소개한다.
https://react.dev/learn/start-a-new-react-project
Start a New React Project – React
The library for web and native user interfaces
react.dev
Next, Remix, Expo가 그들이다. (Expo는 나머지 둘과는 다르게 React Native 프레임워크이다)
이제는 CRA를 사용하지 않고 프레임워크를 사용하는 것이 어쩌면 React의 대세가 된 것 같기도 하다.
그래도 Next와 같은 프레임워크를 사용하지 않고 React 프로젝트를 진행하는 것을 아는 것이 중요하다고 생각했기에, 기존에 CRA보다 더 다은 방법에 대해서 알아보았고 빠른 속도를 지향하는 Vite가 제일 적합하다고 느꼈다.
비록, Vite가 vue.js 환경을 최우선으로 하는 번들러지만 React에서도 사용할 수 있다.
CRA에서 사용되는 webpack보다 더 빠른 실행과 업데이트를 제공한다.
vite를 사용해야 하는 이유는 공식문서에서 확인할 수 있다.
https://vitejs.dev/guide/why.html
Vite
Next Generation Frontend Tooling
vitejs.dev
npm create vite@latest
특정 버전을 지정할 수도 있지만, 가장 최신버전을 사용해보도록 하였다.
명령어 입력 후 최초에는 create-vite를 설치한다.
그 후 Project name을 지정하고 이제 프레임워크를 선택할 수 있다.
여러 선택지가 나오는데, React를 골라 React + Vite 프로젝트를 시작할 수 있다.
🍅 create-vite로 선택할 수 있는 프레임워크는 다음과 같다.
- Vanilla
- Vue
- React
- Preact
- Lit
- Svelte
- Others
'React' 카테고리의 다른 글
React에서 다국어 지원하기 (i18next, react-i18next) (0) | 2023.05.24 |
---|---|
useEffect의 life cycle (0) | 2023.05.21 |
React18의 <Suspense>에 대해서 (0) | 2023.05.11 |
tailwindcss 중복 클래스 줄이기 (@layer, @apply) (0) | 2023.05.06 |
React 정리 (0) | 2023.04.29 |