This Week in Svelte, Ep. 110 — Changelog, Neodrag v3
- Svelte 5.36.0에서
experimental_total_sync_compiler_option을 통해 컴포넌트 내 await 사용이 가능해졌습니다. 🚀
await 사용 시 현재는 <Svelte:boundary>로 컴포넌트를 감싸야 하며, 이는 SSR 비동기 지원이 아직 준비되지 않았기 때문입니다. 🚧
await는 템플릿, 파생 상태($derived), 스크립트 등 다양한 곳에서 자유롭게 활용될 수 있어 개발 유연성을 높입니다. ✨
effect.pre의 실행 시점 변경으로 인한 잠재적 타입 에러 발생 가능성 때문에 await 기능은 '실험적'으로 제공됩니다. ⚠️
- 바인딩된 입력 필드 업데이트 로직이 개선되어, 입력이 변경의 원인일 때만 업데이트를 건너뛰어 비동기 작업 중에도 부드러운 사용자 경험을 제공합니다. ⌨️
- 새로운 룬
$effect.pending이 추가되어 애플리케이션 내 <Svelte:boundary>의 보류 상태를 감지하고 외부에서 로딩 UI를 구현할 수 있게 합니다. ⏳
await 이후 비동기 함수 내에서 상태를 읽을 때 발생하는 '반응성 손실' 경고가 untrack 사용 시에는 표시되지 않도록 개선되었습니다. 🚫
- 배열 변형 시
$inspect의 업데이트 방식이 개선되어, sort와 같은 작업에서 여러 번의 업데이트 대신 한 번만 업데이트되도록 최적화되었습니다. 📊
- 게스트 Puru가 자신의 라이브러리인 Neodrag v3의 새로운 버전을 소개했습니다. 📦
- Svelte 5.35.7 패치에는 다이얼로그 내 자동 초점 경고 제거, 경계 내 오류 메시지 조정, 인라인 정규식 변수화 등의 개선 사항이 포함되었습니다. 🛠️
데브허브 | DEVHUB | This Week in Svelte, Ep. 110 — Changelog, Neodrag v3