Skip to content

mattburrell/react-iframe-navigation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-iframe-navigation

A React app showing how to run another React app inside an iframe - whilst keeping the url state and navigation (back & forward buttons) in sync.

Uses iframe messages to push the child app's state to the url of the outer app and to notify the child app when the back/forward buttons have been clicked so the child app can reinstate the previous/next state.

Demo: https://www.loom.com/share/c8179889e0f343e18e5431337bb2cd4f

Dependencies

Both React apps were bootstrapped using Vite and use React Router v6.

Installation

npm run install
npm run dev

About

Run a React app inside an iframe within another React app.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published