Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feature / 데이터가 없는 경우를 선언적으로 처리하기 #71

Closed
3 tasks done
CLOUDoort opened this issue Oct 1, 2024 · 0 comments
Closed
3 tasks done
Labels
✨feature 구현, 개선 사항 관련 부분 👩🏻‍💻frontend 프론트엔드 작업

Comments

@CLOUDoort
Copy link
Contributor

CLOUDoort commented Oct 1, 2024

구현 기능

로딩과 에러는 선언적으로 처리를 하지만, 데이터가 없는 경우는 컴포넌트에서 일일이 명령형으로 작성해줘야 한다.
데이터가 없는 경우 또한 선언적으로 관리하기 위해 EmptyStateBoundary 를 작성한다.

상세 작업 내용

  • EmptyStateBoundary 컴포넌트를 선언한다.
    • data와 fallback을 props로 받고 데이터가 없으면 fallback을, 있으면 children을 렌더링한다.
  • 데이터를 페칭하는 컴포넌트를 EmptyStateBoundary 컴포넌트로 감싸서 데이터가 없는 경우를 선언적으로 처리한다.

🔆 참고 사항 (선택)

⏰ 예상 소요 기간

@CLOUDoort CLOUDoort added ✨feature 구현, 개선 사항 관련 부분 👩🏻‍💻frontend 프론트엔드 작업 labels Oct 1, 2024
@CLOUDoort CLOUDoort mentioned this issue Oct 1, 2024
9 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨feature 구현, 개선 사항 관련 부분 👩🏻‍💻frontend 프론트엔드 작업
Projects
None yet
Development

No branches or pull requests

1 participant