preactjs/preact

어떤 프로젝트인가요?

핵심 기능

• 01클래스 컴포넌트, hooks, 함수형 컴포넌트를 포함한 익숙한 React API
• 02다양한 React 라이브러리를 실행할 수 있는 preact/compat 별칭
• 03JSX, Virtual DOM, DevTools, 핫 모듈 교체 기능 내장
• 04원활한 hydration을 지원하는 서버 사이드 렌더링
• 05플러그인 방식의 스케줄러를 사용하는 비동기 렌더링

활용 사례

• 성능에 민감한 페이지처럼 번들 크기가 중요한 곳에 React 스타일의 프런트엔드 배포
• compat 별칭을 사용해 기존 React 앱을 점진적으로 마이그레이션
• 서버 사이드 렌더링 사이트에 인터랙티브 컴포넌트 추가

빠른 시작

1. 1

   npm에서 Preact를 설치합니다

   npm install preact
2. 2

   앱에서 render와 h를 가져와 컴포넌트를 document.body에 렌더링합니다

토픽

자주 묻는 질문

preact은(는) 무엇인가요?

Virtual DOM 기반의 빠르고 약 4kB 크기인 React 호환 UI 라이브러리로, 최신 컴포넌트 API를 동일하게 제공합니다. Preact는 ES6 클래스, hooks, 함수형 컴포넌트를 비롯한 React 컴포넌트 모델을 훨씬 작은 용량으로 제공하는 경량 UI 라이브러리입니다. React 자체의 번들 크기 부담 없이 React 스타일로 개발하고 싶은 개발자를 위한 라이브러리입니다.

preact은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

preact은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

preact은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. preact의 마지막 커밋은 2026년 10월 24일입니다.

preact은(는) 어디에 사용할 수 있나요?

성능에 민감한 페이지처럼 번들 크기가 중요한 곳에 React 스타일의 프런트엔드 배포 compat 별칭을 사용해 기존 React 앱을 점진적으로 마이그레이션 서버 사이드 렌더링 사이트에 인터랙티브 컴포넌트 추가

preact는 어떻게 설치하나요?

npm에서 Preact를 설치합니다: npm install preact 앱에서 render와 h를 가져와 컴포넌트를 document.body에 렌더링합니다

preact은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/preactjs/preact