Create React App, 이제 안녕! 프레임워크로 갈아타세요

Create React App의 한계로 인해 새로운 앱에 대한 지원이 중단됨

Vite, Parcel, RSBuild와 같은 빌드 도구나 Next.js, React Router, Expo와 같은 프레임워크로의 마이그레이션 권장

React Server Components를 포함한 프레임워크를 통해 성능 향상 및 개발 편의성 증대

Create React App의 한계와 프레임워크의 등장

Create React App은 초기 React 개발 환경을 단순화했지만, 라우팅, 데이터 페칭, 코드 스플리팅 등 실제 프로덕션 환경에서 필요한 기능들을 직접 구현해야 하는 단점이 있었다. 따라서 Next.js, React Router와 같은 프레임워크가 등장하여 이러한 문제들을 해결하고, 개발 생산성을 향상시켰다.

CSR vs SSR: 렌더링 방식의 트레이드오프

프레임워크는 CSR(Client-Side Rendering)과 SSR(Server-Side Rendering)을 모두 지원하며, 각 방식은 장단점을 가진다. SSR은 초기 로딩 속도를 개선하고 SEO에 유리하지만, 서버 비용이 발생한다. CSR은 서버 부담이 적지만, 초기 로딩 시 화면 깜빡임이 발생할 수 있다.