clear-react-router 1.6.1 → 1.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -18
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -76,9 +76,9 @@ Renders the current route's component. Must be placed inside `<RouterProvider>`.
|
|
|
76
76
|
| `hoverPrefetchDelay` | `number` | `150` | Delay in milliseconds before prefetching on hover (only for `'hover'` strategy) |
|
|
77
77
|
|
|
78
78
|
```
|
|
79
|
-
<RouterProvider routeList={routes}
|
|
79
|
+
<RouterProvider routeList={routes}>
|
|
80
80
|
<Navbar />
|
|
81
|
-
<Router spinner={false} /> {/* disable the spinner */}
|
|
81
|
+
<Router spinner={false} isAnimated /> {/* disable the spinner */}
|
|
82
82
|
</RouterProvider>
|
|
83
83
|
```
|
|
84
84
|
|
|
@@ -520,22 +520,6 @@ Clear Router supports code-splitting out of the box. Simply pass a function that
|
|
|
520
520
|
|
|
521
521
|
Clear Router supports smooth page transitions using the native View Transitions API. When animations are enabled, the router waits for all data to load before starting the transition, ensuring a jank-free experience.
|
|
522
522
|
|
|
523
|
-
### Quick Start
|
|
524
|
-
|
|
525
|
-
```
|
|
526
|
-
import { Router } from 'clear-react-router';
|
|
527
|
-
|
|
528
|
-
// Enable fade animation
|
|
529
|
-
<RouterProvider routeList={routes} isAnimated>
|
|
530
|
-
<Router />
|
|
531
|
-
</RouterProvider>
|
|
532
|
-
|
|
533
|
-
// Custom animation duration
|
|
534
|
-
<RouterProvider routeList={routes} isAnimated animationDuration={800}>
|
|
535
|
-
<Router />
|
|
536
|
-
</RouterProvider>
|
|
537
|
-
```
|
|
538
|
-
|
|
539
523
|
## How It Works
|
|
540
524
|
|
|
541
525
|
- **Data loads first** — All `loader` and `beforeLoad` hooks complete before animation starts
|