Remix v3의 파격 선언: React를 버리고 Preact 포크로 웹 개발 패러다임 전환을 예고하다

핵심 기술

Remix v3는 React에서 완전히 벗어나 Preact의 포크를 채택하고, 웹 표준 중심의 새로운 개발 철학을 제시하며 웹 애플리케이션 개발 방식에 대한 근본적인 질문을 던집니다.

기술적 세부사항

• Remix v3의 파격 선언: React 대신 Preact 포크를 사용하며 기존 프레임워크와 결별.
• React Router v7의 영향력: 1,100만 개의 GitHub 프로젝트와 주요 기업에서 사용 중인 React Router와의 통합.
• 6가지 혁신 원칙: 현대 웹 개발의 주요 문제점을 지적하며 새로운 방향 제시.
  • AI 친화적 코드: 사람과 AI 모두 이해하기 쉬운 명확한 코드 구조.
  • 웹 표준 활용: 브라우저 기본 기능을 재활용하여 프레임워크 추상화 문제 해결.
  • 빌드 도구 불필요: Webpack과 같은 복잡한 빌드 프로세스 탈피.
  • React 자체의 의존성 문제 제기: React 자체가 의존성 문제의 원인일 수 있다는 주장.
  • 모듈화: 단일 목적의 교체 가능한 모듈 사용.
  • 통합된 개발자 경험: 복잡성 없이 통일된 도구 제공.
• 프로그레시브 인핸스먼트: JavaScript 없이도 작동하는 웹사이트 구현 강조 (Next.js와의 대비).
• 데이터 로딩 최적화: waterfall 패턴 탈피 및 병렬 데이터 로딩 지원 (React Router v7 방식).
• 내장 데이터베이스 드라이버: ORM 의존성 제거 및 직접적인 DB 연동 지원.
• Reach UI 부활 시사: 접근성 높은 컴포넌트 라이브러리 통합.

개발 임팩트

• 성능 향상: Preact 기반의 작은 런타임 사이즈(3KB)와 제로 빌드 타임으로 속도 극대화.
• 개발 복잡성 감소: 빌드 도구 불필요 및 최소한의 의존성으로 개발 및 유지보수 용이.
• 견고한 웹사이트: JavaScript 의존성 없이도 기능하는 웹사이트 구축 가능.
• AI 활용 증대: AI가 이해하기 쉬운 코딩 방식으로 미래 기술 활용 가능성 확대.

커뮤니티 반응

• 브랜딩 혼란: Remix 브랜드를 유지하면서 React를 버리는 것에 대한 혼란.
• 프레임워크 피로감: React Router의 잦은 비호환성 변경에 대한 불만.
• 신뢰 문제: 마케팅 및 브랜드 관리 방식에 대한 비판.
• 긍정적 전망: 새로운 접근 방식과 AI에 대한 기대감.

기술 비교 (Next.js 15.3 vs React Router v7 vs Remix v3)