Potluck - Fonts × Frameworks × Teas × Coding Subscriptions × Client Work × More!
Syntax - Tasty Web Development Treats
Exploring the Nuances of JavaScript Bundling and the Impact of HTTP/2
This chapter explores the intricacies of JavaScript bundling and minification, highlighting common pitfalls related to tools like Babel and bundlers. The speakers also discuss the interplay between CSS compilation and JavaScript processing, and consider the future of bundling practices in light of HTTP/2 advancements.
It’s another potluck! In this episode, Scott and Wes answer your questions about fonts, frameworks vs custom, drinking tea, learning to code, client work, and more!
Kyle Prinsloo Freelancing - SponsorKyle Prinsloo teaches you everything you need to know about freelancing, including how to quit your job, earn a side-income and start taking control of your life. Check it out at studywebdevelopment.com/freelancing. Use the coupon “SYNTAX” and get 25%.
LogRocket - SponsorLogRocket 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 Notes2:01 - Q: When you run audits like lighthouse on a website, do you run the audit on each page? Or have you found an app or hack to run the audit over the entire site / multiple pages?
5:30 - Q: What makes a font “good”? I stumbled upon haleyfiege.fun/fonts, where she says her first font was not “good,” but it looks perfectly usable to me. When you are picking fonts for web apps, how do you judge them? Is it entirely subjective?
9:14 - Q: As a solo founder, speed is essential. What’s faster, building your own components, using a theme, or using a framework?
12:05 - Q: I’ve never been a tea drinker, but lately I’ve been wanting to start drinking a hot tea in the afternoon (instead of coffee). I know Scott is the Tea Guru, so what would your suggestions be for starting out?
15:30 - Q: Is it worth bundling JavaScript for websites that aren’t using a framework (i.e. WordPress / CMS websites)? The company I work for uses a large enterprise CMS and our JavaScript is just a minified mash of several different JS files, most of which are several hundred lines of spaghetti code. It would be nice to break up all these files in some sort of modular way, plus have the added benefit of using Babel so we can write modern JS. However, the output of the bundled JS file seems massive. Won’t that hurt performance and page load?
21:17 - Q: I know both of you put out a ton of content, both together and individually. I’m just curious to hear if you listen to any other podcasts out there in the land, or any other types of content that you consume to hone your skillz to pay the billz. Thanks!
25:14 - Q: What are your thoughts on Blazor? Is it a good move to be an early adopter of a framework like this, or should you focus on the ones that are already in a fully released state like React, Vue etc.?
28:51 - Q: I would like to ask Scott how you make subscriptions in a website? Also, how you give users a lifetime locked yearly subscription?
39:53 - Q: I feel like other developers’ code is always shorter, better structured, and easier to read than mine. Any tips (or resources) on writing clean, ‘good’ javascript code (or any other functional programming language)?
44:02 - Q: Both of you have CMS backgrounds, Scott with Drupal and Wes with WordPress. When you moved to freelancing, did you build for clients using a CMS? Or did you create custom admin interfaces for clients to manage their own site? You’ve mentioned some headless WordPress in the past, but was that the norm?
47:02 - Q: Hey Scott + Wes, you’re obviously very successful with your course creation careers, but do you miss client work? If people for some reason ever stopped buying your courses, would you go back to client work?
Links- Lighthouse
- Syntax203: Hasty Treat - What Are Github Actions?
- Lighthouse Batch NPM Package
- Lighthouse Action GitHub Action
- Next.js
- haleyfiege.fun/fonts
- Radnika Next
- Sipsby
- Babel
- Shop Talk Show
- CodePen Radio
- Heist Podcast
- Mixergy
- The Dream
- React Podcast
- Indie Hackers
- Akimbo
- Command Line Heroes
- Blazor
- Braintree
- Syntax055: Hasty Treat - User Role Systems
- Clean Code concepts adapted for JavaScript
- codecademy
- Javascript30
- CakePHP
- Drupal
- WordPress
- Scott: Aerial America
- Wes: Streamer for Chromecast
- Scott: Level Up Tutorials Pro - Sign up for the year and save 25%!
- Wes: Beginner Javascript - Use the coupon code ‘Syntax’ for $10 off!
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
The AI-powered Podcast Player
