[React 웹 개발] 리액트 최신 버전

• Create React App(CRA)은 더이상 관리되지 않는 프로젝트임 → 프로젝트 생성에는 Vite 도구를 쓰는 것이 권장됨
• 빈 폴더를 만들고 터미널에 아래 코드 실행
  npm create vite@latest . -- --template react

• 필요한 패키지들(실행에 필요한 코드들)을 설치, 설치에 시간이 꽤 걸릴 수 있음
  npm install

 

• 설치가 끝나면 node_modules 폴더 새로 생김. 아래 명령어로 실행
  npm run dev

 

• React v18 이후 문법
  • 2022년 3월 8일 이후로 리액트의 18 버전이 나옴
  • index.js 파일에서 코드를 쓰는 방식(Vite에서는 src/main.jsx)이 바뀜
  • 과거에는 ReactDOM.render() 함수를 사용하던 문법에서 ReactDOM.createRoot()를 사용해서 root를 만든 다음
    root.render()를 사용하는 문법으로 바뀜

import ReactDOM from 'react-dom/client';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<h1>안녕 리액트!</h1>);