The Correct Way To Implement Sticky Headers | React Headroom Tutorial

Опубликовано: 20 Октябрь 2024
на канале: Vasanth Srivatsa
1,887
22

This tutorial uses React Headroom to show you how to implement sticky/fixed headers the right way! Without taking up vertical screen space.

🕑 TIMESTAMPS:
00:00 The problem
00:20 The solution
01:08 Project exploration
02:02 Disabling sticky header
03:16 Installing Headroom
04:09 Sticky header the proper way
05:15 Conclusion

🔗 LINKS:
React Headroom GitHub ᐉ https://github.com/KyleAMathews/react...
React Headroom Example ᐉ https://kyleamathews.github.io/react-...

💬 FOLLOW ME FOR UPDATES:
https://vas.cx/twitter

💻 MY PROJECTS & CODE:
https://vas.cx/github

🏷️ TAGS:
#React #TailwindCSS #JavaScript #TypeScript #vsnthdev

👏 Have an awesome day!