react-hooks-in-svelte

This library demonstrates how to port React Hooks to Svelte, providing equivalent functionality in Svelte's reactive paradigm. It serves as a learning resource for developers transitioning from React to Svelte.

Key features and comparisons:

• useState: Replaced with Svelte's reactive variables (let varName = initialValue)
• useEffect: Implemented using Svelte's lifecycle functions (onMount, onDestroy, reactive statements)
• useMemo: Automatically handled by Svelte's reactive statements ($: var = expression)
• useRef: Implemented via Svelte's bind:this directive
• useReducer: Replaced with Svelte stores (writable())
• useCallback: Not needed in Svelte as handlers are defined once per component
• useContext: Similar concept but with non-reactive context by default (requires stores for reactivity)

The library includes:

• Side-by-side code comparisons between React and Svelte implementations
• Visual diffs showing the equivalent patterns
• Examples for each major React Hook

Target audience: Developers familiar with React who want to learn Svelte's equivalent patterns, particularly those transitioning projects from React to Svelte.

Additional resource: Includes a [React ⇆ Svelte Cheatsheet](https://dev.to/joshnuss/react-to-svelte-cheatsheet-1a2a fa-solid fa-up-right-from-square) for quick reference.