Articles for the Navigation tag
-
React Native Morph Card: The App Store Expand Trick, Done Natively
A tiny, focused native module that nails one delightful interaction: the card that grows into a fullscreen detail view and gracefully shrinks back.
-
React Native Header Motion: Headless Plumbing for Headers That Actually Collapse
Collapsible headers are one of those features that look trivial in a demo and turn into a swamp in a real app. This library hands you the plumbing so you can stop reinventing it.
-
Turn-by-Turn, the Google Way: The React Native Navigation SDK
Most React Native map tutorials stop at drawing a line on a map. This one hands you the actual navigation engine — voice, rerouting, and all.
-
React Navigation: Charting a Course Through Your React Native App
React Native ships with no router at all. React Navigation has spent years filling that gap, and its v7 static API makes wiring up screens cleaner than ever.
-
Expo Router: File-Based Navigation That Crosses Every Screen
If you have ever wired up React Navigation by hand and longed for the comfort of a Next.js app directory, Expo Router is the bridge you have been waiting for.
-
react-scroll-into-view: The One-Component Scroll Whisperer
Sometimes all you need is a button that scrolls the page somewhere else. No scroll spy, no active states, no custom scroll math. Just click, scroll, done.
-
Peek: The Disappearing Header Act Your Site Has Been Missing
Headers that know when to get out of the way make content-heavy sites feel faster and more spacious. Peek gives you scroll-aware header behavior in under 4KB of dependency-free JavaScript, using modern browser APIs for buttery-smooth performance.
-
Tabular Triumph: Mastering React Web Tabs for Accessible UI Navigation
Dive into the world of accessible tab interfaces with react-web-tabs, a powerful library that simplifies the creation of WAI-ARIA compliant tabs in React applications.
-
Scroll to the Moon with React Scroll-To: Elevate Your Scrolling Game
Elevate your React application’s scrolling capabilities with React Scroll-To. This powerful library offers both Higher Order Component and Render Props implementations, making it easy to create smooth scrolling experiences for your users.
-
Screen Sorcery: Unleashing the Power of react-native-screens
Embark on a journey through the enchanted realm of react-native-screens, where native navigation primitives come to life, transforming your React Native app into a smooth, performant masterpiece.