3 ways to use React in Astro
- React와 Astro를 함께 사용하는 세 가지 방법 소개: props 전달, 이미지 컴포넌트 활용, API 엔드포인트 설정 🤝
- Content Collections의 데이터를 React 컴포넌트로 props를 통해 전달하여 활용 가능 📚
- Astro 이미지 컴포넌트의 기능을 활용하여 렌더링된 이미지를 React에서 사용하기 위해 get image 함수 사용 🖼️
- API 엔드포인트를 설정하여 Content Collections 데이터에 접근하고 React 컴포넌트에서 활용 ⚙️
- Content Collections 데이터를 React 컴포넌트에서 필터링, 정렬 등에 활용하기 위해 API 엔드포인트를 통해 데이터 제공 🔍
- 폼 데이터를 처리하기 위해 Astro 액션을 사용하여 동적 API 엔드포인트를 호출하고 React 컴포넌트에서 활용 🚀
- API 라우트가 정적이지 않도록 설정하고, 어댑터를 설정하여 동적 라우트를 활성화해야 함 🔄
- Content Collection은 빌드 시간을 기준으로 데이터를 가져오며, Live Content Collections를 통해 실시간 데이터 쿼리 가능 ⏱️
- 아동 암 연구 기금 모금 행사 안내 및 참여 독려 🎗️