stores handleWindowResize with useRef

[silltho]

Changes

• stores handler as Ref to prevent recreation.

GitHub

• Closes Debounced handlers re-created on each render #229

[kettanaito]

Hello, @silltho! Thank you for this pull request.
It looks great. Could you please rebase your branch against the latest master and resolve a conflict around useViewportChange hook?

I've replaced debounce with throttle, so please do so in your feature branch, preserving useRef around. Feel free to refer to the master as the source of truth:

atomic-layout/src/hooks/useViewportChange.ts

Line 12 in e989fc3

const handleWindowResize = throttle(callback, throttleInterval)

Thank you! You're awesome.

[silltho]

@kettanaito you have a great project and I'm glad to help you and get a pull request for the hacktoberfest. if you have anything else pls let me know.

Greetings from austria

[kettanaito]

Thank you for the kind words, @silltho! It's been a great experience working with you.

I've checkout your feature branch and confirm the CI passing. Welcome to contributors!

[kettanaito]

If you wish to help with other issues, there are a few that could use some help:

• TS: Support generics for layout breakpoints #99
• Event listener leak in responsive hooks #232
• Only: Support "visible" modifier #134 (this would require a discussion to stay on track)

Regardless, much thanks for the help!