Hasty
Hasty Treat - The Weird and Wonderful <link> Tag
Discussion on the various uses of the link HTML tag beyond just linking.
#html #link-tag #webdev
All Episodes
Hasty
Hasty Treat - TypeScript Utility Types
Scott and Wes discuss TypeScript utility types, explaining what they are and why you might use them.
#TypeScript #Programming
Hasty
Hasty Treat - Git the Latest - New Things In Tech - CoPilot, Petite Vue, Stackblitz, Web3 + More!
Wes and Scott discuss the latest and greatest in web development including GitHub Copilot, Next.js 11, Astro, Notion API, Petite Vue, Stackblitz, Solid JS 1.0, Stately, and Web3.
#javascript #webdev #frameworks
Hasty
Hasty Treat - The Surprisingly Exciting World of Favicons
This episode covers different techniques and best practices for favicons, including file formats, sizes, optimization, animation, dark mode support, and more.
#favicons #webdev #frontend
Hasty
Hasty Treat - Stylelint for Linting CSS
Scott and Wes discuss Stylelint, a powerful linting tool for CSS that helps enforce code quality and consistency.
#CSS #linting #code quality
Hasty
Hasty Treat - Vite + Parcel 2
Wes and Scott discuss the next generation of build tools like Vite and Parcel 2 that use modern techniques for incredibly fast reloads and bundle times.
#JavaScript #Tooling
Hasty
Hasty Treat - JavaScript Event Buzzwords — Sync, Concurrent, Defer, Blocking, Workers
Discussion of JavaScript timing buzzwords like synchronous, asynchronous, blocking, callbacks, and lazy loading.
#javascript #performance #asynchronous
Hasty
Hasty Treat - Seven Interesting JavaScript Proposals - Async Do, JSON Modules, Immutable Array Methods, and More!
Scott and Wes discuss 7 interesting JavaScript language proposals that may be added in the future, covering new ways to work with modules, dates, async code, arrays, destructuring, and pattern matching.
#javascript #webdev #proposals
Hasty
Hasty Treat - CSRF Explained
Wes and Scott explain cross-site request forgery (CSRF) and different ways to prevent it like cookies, tokens, and headers.
#security #authentication #csrf
Hasty
Hasty Treat - What is SvelteKit?
SvelteKit provides a fast, flexible, and powerful way to build web apps with Svelte. It works anywhere, has multiple rendering options, includes useful features out of the box, and focuses on HTML/JS. Worth trying for your next Svelte project.
#svelte #frameworks #webdev
Hasty
Hasty Treat - Making a Vaccine Bot with JavaScript
Wes talks about how he built a Telegram bot using Node.js that constantly polled COVID vaccine availability APIs and notified him when appointments became available so he could quickly book one.
#vaccine #covid19 #javascript
Hasty
Hasty Treat - How to Make Money as a Creator
Wes Bos and Scott Tolinski discuss the various ways developers can make money as creators through selling products, services, training, sponsorships, donations and more.
#Business #Developers
Hasty
Hasty Treat - JavaScript's Drag and Drop API
Wes and Scott discuss using the native drag and drop API in JavaScript to enable dragging elements between web apps and customizing the drag experience.
#javascript #drag and drop #web api
Hasty
Hasty Treat - Stylin the Unstylables
Discussion of difficulties styling default HTML elements like inputs and media players, techniques like overlapping DOM elements to customize, and new initiatives like Open UI to standardize native UI components.
#html #css #webdev #accessibility
Hasty
Hasty Treat - Technical Debt
Scott and Wes discuss what technical debt is, why it happens, and strategies to avoid it or work around it.
#technical debt #development #programming
Hasty
Hasty Treat - Future Tech We're Excited About
Discussion of 4 new frameworks - Astro, Vitkit, SvelteKit and Remix. All are focused on server-side rendering and simplicity.
#astro #sveltekit #vitkit #remix
Hasty
Hasty Treat - Git Rebase Explained
Discussion on Git rebase - what it is, when and why to use it, and how it can help with workflows, tidying commits and resolving merge conflicts.
#git #rebase #workflow #productivity
Hasty
Hasty Treat - Container Queries Are Here
Discussion of the new CSS container queries feature recently added to Chrome Canary. Details on syntax, usage, why needed, resize observer issues, contain property, inline/block sizes, logical properties, best practices, and trying it out today.
#css
Hasty
Hasty Treat - CSS Nesting 1
Wes Bos and Scott Tolinski discuss a new CSS draft feature for CSS nesting. They explain the benefits, proper usage, and syntax of CSS nesting. They also discuss how it can be used with media queries and ensure backwards compatibility.
#CSS #webdev #frontend
Hasty
Hasty Treat - VSCode Extensions and Tips
Scott and Wes discuss their favorite VSCode extensions, tips and workflows including Easy Snippet, Error Lens, File Utils, GitLens, Better Comments, Emmet and more.
#vscode #extensions #productivity #webdev
Hasty
Hasty Treat - What is the n+1 problem?
Wes and Scott discuss the n+1 database query problem, explaining what it is and solutions like batching IDs, DataLoader, and Prisma.
#GraphQL #databases #performance
Hasty
Hasty Treat - Effortless Custom GraphQL with GraphQL Codegen
Scott and Wes discuss GraphQL code generation tools like GraphQL Code Generator and Pericles that can generate typed code, React hooks, forms, and more from GraphQL schemas.
#graphql #tooling #codegeneration
Hasty
Hasty Treat - Environmental Variables
Scott and Wes have an in-depth discussion about managing environment variables for web development projects.
#envvars #dotenv #environment
Hasty
Hasty Treat - Ask Us Anything!
Wes and Scott answer questions submitted by listeners about their work, backgrounds, tools, and opinions on topics like office culture, recruiting, JavaScript frameworks, and the Clubhouse app.
#JavaScript #Careers
Hasty
Hasty Treat - Hireable Skills for 2021
Scott and Wes discuss skills developers should focus on in 2021 to be hireable, covering code fundamentals, real-world libraries and frameworks, and soft skills.
#javascript #css #react #vue
Hasty
Hasty Treat - The Future of Testing with Cypress
Scott and Wes discuss Cypress, an end-to-end testing framework. They cover its ability to test across browsers, debug issues in a real browser, record test runs, mock data, and integrate with plugins.
#cypress #testing #automation
Hasty
Hasty Treat - TypeScript Compilers and Build Tools
Scott and Wes discuss the difference between TypeScript compilers like TSC and SWC versus bundlers like Webpack, and whether you still need bundlers when using TypeScript.
#TypeScript #Compilers #Bundlers
Hasty
Hasty Treat - Keyboard Events Are Surprisingly Interesting
Scott and Wes provide an in-depth look at keyboard events in the browser, explaining the different events that fire, metadata available, and best practices for using keyboard shortcuts in web apps.
#javascript #webdev #accessibility
Hasty
Hasty Treat - New Level Up Tutorials Site
Scott discusses moving the LevelUpTutorials site to a new tech stack using Node, React, Snowpack, Render, and more.
#React #Node
Hasty
Hasty Treat - The New AVIF Image Format Is Unreal
Wes and Scott discuss the new AVIF image format - how it works, why it's better than JPEG and WebP, browser support, and how to implement it.
#AVIF #images #performance
Hasty
Hasty Treat - CSS Typography and Systems
Scott and Wes discuss approaches for creating consistent, maintainable CSS font size and typography systems using tools like type-scale.com and CSS variables.
#CSS #typography #design
Hasty
Hasty Treat - A Podcast About Nothing
Hosts Scott and Wes discuss concepts around nothingness in JavaScript including undefined, null, void, never, falsey values, empty arrays, and more.
#javascript #webdev #programming
Hasty
Hasty Treat - Hyper Productivity with Keyboard Shortcuts + Window Management
Scott and Wes discuss their favorite keyboard shortcuts and window management tools for boosting productivity on Mac
#productivity #shortcuts
Hasty
Hasty Treat - Hosting + Web Services Pricing Explainer
This episode explains different pricing models for hosting and web services like paying per time used, resources, bandwidth, users, apps, and work performed.
#hosting #pricing #cloud
Hasty
Hasty Treat - How Would We Script a PS5 Buying Bot?
Wes and Scott discuss bot strategies for buying popular, hard to find items like the PlayStation 5, including scraping retailer sites, avoiding bot-prone retailers, and using tools like Puppeteer and LowDB.
#Bots #PS5 #Web Scraping
Hasty
Hasty Treat - 300th Episode Tech Chat
Wes and Scott discuss the behind-the-scenes tech used to record Syntax episode 300 with live guest appearances.
#podcasting #live streaming
Hasty
Hasty Treat - Why should I use React Hooks?
Wes and Scott discuss why they prefer React hooks over class components - hooks allow decoupling state from components, reduce duplication, improve ref handling and more.
#react #hooks #javascript
Hasty
Hasty Treat - Writing Good Commit Messages
Wes and Scott discuss using conventional commits to improve commit messages and enable automatic versioning.
#git #versioning
Hasty
Hasty Treat - Client vs Server Data Validation
Discussion on validating data on the client vs the server, with examples of manipulating client validation and the importance of server-side validation for security.
#Security #Validation #Client #Server
Hasty
Hasty Treat - CSS Grid Masonry (Grid Level 3)
This episode covers CSS Grid Level 3, which adds masonry layout capabilities natively to CSS. This allows Pinterest-style responsive layouts without JavaScript.
#css #grid #layout