[Certification Projects] Update the instruction to mention that the users need to manually save their code about freecodecamp HOT 4 OPEN

What if we add a beforeUnload event? https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event

from freecodecamp.

Yup, that works, but we need a little more than that.

The beforeunload event can only handle the case where the user is closing to the tab, but not if the user is navigating away from the page by clicking a link (say, the block or superblock link in the breadcrumb). Link navigation is handled by @reach/router, but the library explicitly states that it doesn't support navigation blocking. I could find a workaround, and it seems to work as intended.

I have the implementation somewhat ready. Though we talked a bit about this change in the team huddle, and Quincy suggested finding other alternatives to prompts. So I think adding a note to the instruction could help a bit (while I'm figuring out what else we can do).

from freecodecamp.

Even if we're not blocking navigation, which we probably shouldn't, can we save on navigation? That combined with saving on beforeunload should prevent learners from losing their work most of the time.

from freecodecamp.

Why don't we use the visibilitychange instead of beforeunload? https://developer.mozilla.org/en-US/docs/Web/API/Document/visibilitychange_event

I mean it's just as likely to trigger and seems more reliable according to what I read.

Edit: This article also says the unload event is being depreciated for Google Chrome. https://developer.chrome.com/docs/web-platform/deprecating-unload

from freecodecamp.