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
All Episodes
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