[260429] TIL

Today I Learned (2026-04-29)

react-hook-form μ»€μŠ€ν…€ ν›…

  • μ²­κ΅¬μ„œ μˆ˜λ™ λ°œν–‰ 폼을 μ»€μŠ€ν…€ ν›…μœΌλ‘œ 뢄리해 κ΄€λ¦¬ν•˜λŠ” 방식을 μ •λ¦¬ν–ˆλ‹€.
  • useForm에 zodResolver, defaultValues, mode: 'onChange'λ₯Ό ν•¨κ»˜ μ„€μ •ν•˜λ©΄ 검증과 μ΄ˆκΈ°κ°’ 흐름을 ν•œκ³³μ—μ„œ 관리할 수 μžˆλ‹€.
  • FormProvider와 useFormContextλ₯Ό μ‚¬μš©ν•˜λ©΄ ν•˜μœ„ μž…λ ₯ μ»΄ν¬λ„ŒνŠΈλŠ” name만 λ°›μ•„ Controller둜 폼 μƒνƒœμ— μ—°κ²°ν•  수 μžˆμ–΄ ꡬ쑰가 λ‹¨μˆœν•΄μ§„λ‹€.

μ½”λ“œ 정리

  • applyPreset, applyReport처럼 폼 값을 λ°”κΎΈλŠ” λ™μž‘μ„ μ»€μŠ€ν…€ ν›… μ•ˆμ— λͺ¨μ•„ νŽ˜μ΄μ§€ μ»΄ν¬λ„ŒνŠΈμ˜ μ±…μž„μ„ μ€„μ˜€λ‹€.
  • Zod schema, μ—λŸ¬ λ©”μ‹œμ§€ λ§€ν•‘, κΈ°λ³Έ 프리셋을 뢄리해 검증 κ·œμΉ™κ³Ό UI μ½”λ“œλ₯Ό λŠμŠ¨ν•˜κ²Œ μ—°κ²°ν–ˆλ‹€.
  • TextInputField처럼 반볡 μž…λ ₯ μ»΄ν¬λ„ŒνŠΈλ₯Ό λ§Œλ“€λ©΄ ν•„λ“œλ³„λ‘œ 같은 Controller μ½”λ“œλ₯Ό λ°˜λ³΅ν•˜μ§€ μ•Šμ•„λ„ λœλ‹€.

Categories:

Updated:

Leave a comment