React Framework 비교하기

언제 어떤 프레임 워크를 사용해야할까?

가장 많이 사용되는 리액트 프레임 워크는 아래 세가지이다. 그렇다면 언제 어떤 프레임 워크를 사용해야할까?

• create-react-app
• next.js
• gatsby.js

Create-react-app

클라이언트 사이드 렌더링(CSR)을 사용한다. 리액트를 처음 사용하거나 비교적 간단한 프로젝트를 진행할 때 적합하다.

Next.js

서버 사이드 렌더링(SSR)을 사용한다. 내 서버를 가지고 있다면 함께 사용할 수 있다. 따라서 비교적 정교한 어플리케이션 혹은 풀스택 어플리케이션을 개발하거나 SEO 최적화가 필요한 어플리케이션에 적합하다.

Gatsby.js

서버 사이드 렌더링(SSR)을 기반으로 한 Static site generator이다. 웹사이트 혹은 블로그등을 만드는데 많이 사용된다. 개츠비에서 지원하는 플러그인 및 에코시스템이 상당히 다양하다. 따라서 플러그인을 사용하여 웹사이트를 최적화하기 좋다. 또한 개츠비는 graphQL에 기반한다. 따라서 graphQL을 경험해본적이 있다면 graphQL의 많은 이점들을 누릴 수 있다.

참고
Create React App vs Next.js vs Gatsby

블로그같은 static site를 제작하고 싶다면 gatsby.js를, 사용자와 서버간의 인터렉션이 높은 dynamic site를 제작하고 싶다면 next.js를, 그 외에 간단한 포트폴리용 혹은 prototyping을 할 때는 create-react-app을 사용하면 적합할 것 같다.