Node in the Browser × WebContainers + NodeBox

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 6 March 2023

⏱️ 29 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this Hasty Treat, Scott and Wes talk about two new services that allow you to run Node in the browser, WebContainers + NodeBox. Why Node in the browser? How does it work? And what are the differences and limitations of the services? Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up. Show Notes 00:25 Welcome 01:14 Sponsor: Sentry 02:45 Webcontainers and NodeBox Introducing WebContainers Code Sandbox CodePen Replit GitHub Codespaces 06:42 Why Node.js in the browser? 11:08 How does it work? 13:10 Clientside APIs 14:27 Using iFrame to proxy messages 17:39 Are these open source? 19:22 Differences between the two services 21:10 Wes to Figma, Scott to Penpot Figma Penpot 24:51 Limitations 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 open wide dev fans get ready to stuff your face with
0:07.0	JavaScript CSS node modules barbecue tips get workflow break dancing soft skills web
0:12.2	development the hastiest the crazy as the tastiest web development treats coming in
0:17.9	hot here is Wes Barakuda boss and Scott El Toro Lugo Tolinsky
0:27.0	welcome to syntax today I can't contain my excitement because we're going to be
0:33.8	talking about node in the browser and web containers a lot of really neat stuff
0:39.2	here talking about how we can actually run node JS in your browser which on the
0:45.0	surface you know you might never have thought about it or maybe you think that
0:48.0	it's absolutely wild it is absolutely wild we're coming from a place where
0:51.9	now we can run server side code directly in the user's browser it's bananas I
0:56.3	cannot even wrap my mind around it sometimes my name is got to let's get a
1:00.2	developer from Denver and with me as always is Wes the contain main boss hey
1:09.8	yeah let's do our sponsor real quick and then we'll get into what web
1:14.8	containers and node box are we're sponsored today by century at century dot
1:19.9	IO they are it's funny century keeps rolling out lots of new features and
1:25.8	whatnot so it's it's not fair just to say they are the error and exception
1:29.5	tracking that we've been saying for all these years basically on their website
1:33.7	they say working code happy customers basically if you want to know why your
1:40.1	website is crashing you have broken lines of code you have users that are
1:45.4	unhappy API calls performance issues century will give you crystal clear insights
1:52.1	into how and where and why that is happening for your applications you need to
1:57.5	turn century on in your app before you need this info so check it out
	...

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.