React Code Review That Surprised Me!
- 개발자의 코드는 좋은 기반과 디자인 패턴을 따르지만, 더 많은 경험과 개선이 필요합니다. 🛠️
- TypeScript에서
enum 사용은 비효율적인 JavaScript 변환을 야기하므로, 대신 const 객체와 typeof를 활용하는 것이 좋습니다. 🚫
- 새로운 React 학습 플랫폼이 곧 출시되며, React 디자인 패턴에 대한 심화 코스를 제공할 예정입니다. 🚀
- Savala는 다양한 언어와 데이터베이스를 지원하며, 전 세계 25개 데이터 센터를 갖춘 유연하고 투명한 클라우드 배포 및 호스팅 플랫폼입니다. ☁️
- React Query를 사용하여 도메인별 쿼리/뮤테이션을 중앙 집중화하는 저장소 패턴은 좋은 접근 방식입니다. 📦
- 사용되지 않는 코드는 제거하여 코드베이스를 깔끔하게 유지해야 합니다. 🧹
- 제네릭 함수(
fetchBuilder)에 특정 도메인 관련 속성(예: category, user review)을 전달하는 것은 제네릭의 유연성을 저해하므로, 타입 제네릭을 활용하여 개선해야 합니다. 🧩
- 저장소에서 React Query 훅 대신 쿼리 옵션을 노출하여 컴포넌트가
useQuery 또는 useSuspenseQuery 등 다양한 훅을 유연하게 사용할 수 있도록 합니다. ⚙️
- React Query에서 에러 및 로딩 상태를 별도의 컴포넌트로 추출하는 것은 좋은 패턴입니다. 🚨
- React Query 사용 시
isError와 isPending (또는 isLoading) 확인 후 data === null을 다시 확인하는 것은 불필요하며, isPending을 사용하여 타입 추론을 개선해야 합니다. ✅
- React Query의 반환 데이터에 정확한 TypeScript 타입을 제공하여 코드의 안정성과 가독성을 높여야 합니다. 📝
데브허브 | DEVHUB | React Code Review That Surprised Me!