Skip to main content

Previous

반응형 getter의 이전 값을 추적하고 액세스할 수 있는 유틸리티입니다.

Previous 유틸리티는 getter 함수의 이전 값을 유지하는 반응형 래퍼를 생성합니다. 이는 상태 변경을 비교하거나 전환 효과를 구현해야 할 때 특히 유용합니다.

데모

Previous: undefined

사용법

		<script lang="ts">
	import { Previous } from "runed";
 
	let count = $state(0);
	const previous = new Previous(() => count);
</script>
 
<div>
	<button onclick={() => count++}>Count: {count}</button>
	<pre>Previous: {`${previous.current}`}</pre>
</div>
	

타입 정의

		class Previous<T> {
	constructor(getter: () => T);
 
	readonly current: T | undefined; // 이전 값
}
	

Contributors