Hasty Treat - Updating / Restarting Long-Running Web Apps

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 12 October 2020

⏱️ 13 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this Hasty Treat, Scott and Wes talk about updating web apps that have running for a long time — the problems to look out for and how to avoid them. LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax. Show Notes 01:54 - The problem This only affects the client-side 05:28 - What are some solutions: Do nothing and hope the user refreshes. Have a list of assets, or commit hashes. Poll the server periodically, and when there is a new version available: Prompt the user to refresh Just refresh the user (store current state in localstorage and restore) Do a custom component, that checks the last time the user has refreshed (or if new version if available). When they click the link, render a regular instead of a pushstate link. Use a service worker. They will emit an event when a new version is available. Use the above methods to refresh the user. Hot code push. Vuepress has “hot reloading” baked in. Links https://twitter.com/wesbos/status/1306969658751361024 Notion Vuepress Meteor Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

Transcript

Click on a timestamp to play from that location

0:00.0	Monday, Monday, Monday,
0:02.0	Open wide Dev fans.
0:04.0	Get ready to stuff your face
0:06.0	with JavaScript, CSS, node modules, barbecue tips,
0:09.0	get workflows,
0:10.0	break dancing, soft skills, web development,
0:12.0	the hastiest, the craziest, the craziest development the hastiest the craziest the tastiest web development treats coming in hot here is
0:18.1	Wes Barracuda bars and Scott El Toroloko Tolinsky.
0:25.0	Oh, welcome to Syntax and this Monday hasty treat we're going to be talking about updating applications or web apps that have been running for any bit of time.
0:38.0	This is definitely a concern that many people are having as we move more and more into the world of web
0:44.6	applications that have persistent data and all sorts of neat things that you
0:48.9	might expect a modern web app to have. Now this episode is sponsored by a service that you're going to have to have
0:55.6	if you have any of these types of applications and I'm talking about Log Rocket at Log Rocket
1:00.0	dot com forward slash syntax. What is Log Rocket? Well, Log Rocket is the service that allows you to
1:06.2	see your bugs happen as they happen. As in a user goes on your side to click a thing and the
1:11.6	thing breaks and then you might be left to try to
1:14.3	figure it out or piece together what happened through error locks which is as we know not that
1:19.1	much fun. What Log Rocket does is it gives you a scrubable video replay of the user actually
1:25.2	clicking the thing along with the network tab, the console, or any of those things that
1:29.7	you're typically used to when solving the bugs in your local environment.
1:33.8	It's very, very cool and something that you're going to need to see to believe.
1:37.5	So head on over to logrocket.com forward slash syntax and get 14 days for free.
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.