Home

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Search Hashnode

Search posts, tags, users, and pages

Discussion on "Unsaved Changes Alert and Unsubmitted Data Preservation on Page Exit in React App" | Hashnode

Feed/

Discussion

Robiul H.

Professional Web Developer

Nov 26, 2023

Unsaved Changes Alert and Unsubmitted Data Preservation on Page Exit in React App

Hello fellow developers, Today, we're delving into a fascinating topic that you may have encountered while using Facebook. You might have noticed a popup while crafting a post - Changes you made may not be saved - when attempting to leave the page mi...

robiul.dev27 min read

#reactjs #javascript #web-development #tutorial #frontend-development

Responses2

Markdown supported · ⌘↵ to post

Tech Simplified

Making tech accessible. AI, productivity, and the future of work.

Feb 9

This is such a valuable UX pattern! I've implemented similar functionality and the user feedback is always positive. The beforeunload event handling you've shown is spot on. Pro tip: consider also implementing a draft auto-save mechanism alongside this to give users extra peace of mind. The combination of unsaved change alerts + auto-drafts creates a really robust content preservation system.

Siddharth

Nov 28, 2023

Excellent article Robiul, Thank you for sharing this. Will definately try these alternatives, one quick question - Do you this will also work with browser close? If not do you know a reliable way where we can do API call on browser close reliably?

Robiul H.

Professional Web Developer

Nov 28, 2023

Thanks for your good word Siddharth. Regarding your question, yes, this will work for browser close in the same way. Also, it will work for all major browsers.