유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

10 # Computed & Derived State Providers in Riverpod | Flutter Riverpod State Management

Coding With T

2025. 8. 25.

0

#mobile app
  • Riverpod에서 Computed/Derived State Provider는 다른 Provider로부터 생성되거나 파생되는 Provider입니다. 🔄
  • Derived Provider는 하나 이상의 Base Provider를 관찰하고, 그 값들을 기반으로 새로운 값을 계산합니다. 🧐
  • 예시로, 숫자 목록의 합계를 계산하는 Derived Provider를 만들어 UI에 표시할 수 있습니다. ➕
  • 목록이 변경될 때마다 합계가 자동으로 업데이트되므로, 매번 다시 계산할 필요가 없습니다. ⏱️
  • 또 다른 예시로, To-Do 목록에서 검색어를 기반으로 필터링된 To-Do 목록을 제공하는 Derived Provider를 만들 수 있습니다. 🔍
  • 검색어가 변경되거나 To-Do 목록이 업데이트되면 필터링된 목록이 자동으로 갱신됩니다. ♻️
  • StateNotifierProvider를 사용하여 To-Do 목록을 관리하고, 텍스트 필드 입력을 기반으로 목록을 필터링할 수 있습니다. ✍️
  • UI에서 검색어를 입력하면 해당 검색어를 포함하는 To-Do 항목만 표시됩니다. 🎯
  • Derived Provider를 사용하면 상태 변화에 따라 자동으로 업데이트되는 값을 쉽게 관리할 수 있습니다. ✨
  • 이를 통해 UI를 항상 최신 상태로 유지하고, 불필요한 계산을 줄일 수 있습니다. 🚀

Recommanded Videos