# React Router 7 Lazy Loading

DevFeed: [React Router 7 Lazy Loading](<https://devfeed.tech/articles/react-router-7-lazy-loading-18969.md>)

Original publisher: [Read original article](<https://www.robinwieruch.de/react-router-lazy-loading/>)

Author: Robin Wieruch

Published: 2025-01-06T05:52:51Z

Content type: tutorial

Language: en

Sources: [Robin Wieruch](<https://devfeed.tech/sources/robin-wieruch.md>)

Topics: [React Router](<https://devfeed.tech/topics/react-router.md>), [Tutorial](<https://devfeed.tech/topics/tutorial.md>), [React](<https://devfeed.tech/topics/react.md>), [Optimization](<https://devfeed.tech/topics/optimization.md>)

Tags: [code-splitting](<https://devfeed.tech/tags/code-splitting.md>), [lazy-loading](<https://devfeed.tech/tags/lazy-loading.md>), [performance](<https://devfeed.tech/tags/performance.md>), [react](<https://devfeed.tech/tags/react.md>), [react-router](<https://devfeed.tech/tags/react-router.md>), [react-router-7](<https://devfeed.tech/tags/react-router-7.md>), [react-router-lazy-loading](<https://devfeed.tech/tags/react-router-lazy-loading.md>), [react-router-tutorial](<https://devfeed.tech/tags/react-router-tutorial.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>)

## AI overview

This tutorial explains route-level lazy loading with React Router 7. It shows how splitting an application into smaller bundles can load only the code needed for a visited route, and demonstrates React.lazy, React Suspense, and @loadable/component.

## Source excerpt

How to: React Router 7 Lazy Loading: code-splitting at route level helps you lazy-load just the things that are needed by the user, which dramatically improves the performance ...