35 - Outsourcing Woes & Questions About Gatsby, React, and TypeScript

In this episode, we talked about a deep-dive series Austin has been working on, all about file uploads. We looked at file uploads in HTML and JS. Then moved into the backend with Node.js. We discussed `multipart/form-data`, "Chunks", "Buffers", and "Streams". After that, we discussed where to store files like Object Storage and S3. And briefly discussed deliver and security with a CDN. Links: Austin's "File Uploads for the Web" series HTML form element HTML file input Fetch API Streams Buffer formidable Austin's blog series all about file uploads Object Storage Akamai CDN Austin's "6 Steps to Improve HTML Images For Users & Developers" blog post Akamai Image & Video Manager General recommendations and accolades to unrelated products/services: Austin - Stick-on credit card holder for phones & Magnetic phone mount for car vents Grant - Bike fitting - do it so you arent in pain

It's been a minute since our last episode so we had to spend some time catching up on things. We looked back at 2022 and spent some time sharing our hopes for 2023. It was a nice chat to get back in the swing of things heading into the year.

In this episode Austin shares some cool things he's learned about recently. Edge compute can fix performance bugs in Apache, and the HTML capture attribute is a handy way to open up the user's camera. Grant goes into his new role where he gets to control TypeScript and ESLint rules at his organization; the ultimate power trip. Links: Fixing Obscure Bugs: Apache, GZip, ETags, & Edge Compute TIL: You Can Access A User’s Camera with Just HTML JS Party - Smile! HTML can access your camera TypeScript expect error Love: Grant - Star Trek: Strange New Worlds Austin - Too Good To Go

In this episode, Austin shares about his recent experience with Remix.run, a full-stack JavaScript web framework. We discuss what it is, what it's not, some things we like, some things we don't, and how you can think about it. TLDR: It's pretty cool. In fact, it even got Austin to write React. It was a very serious chat (sorry, no bloopers). Appreciations: Grant - Taking time off Austin - Watermelons & Stranger Things

In this episode, Grant and Austin do some catch up on what’s been going on since the last call. Grant’s goes into all sorts of interesting stuff including Static Site Generation, working on design systems, migration from enterpriseGitHub to GitHub cloud, managing several different code bases with monorepos. Austin is mostly just happy to hear Grant talk about his day and shares some fun changes sing Akamai acquired Linode. Shoutouts: Austin - Owning your own domain name Grant - Having your own email. Star Trek: Picard

In this episode Grant and Austin are visited by special guest and creator of AgnosticUI, Rob Levin. Rob shares the story behind AgnosticUI, how it got started, why the world needs it, and some interesting bits into how it all works. We also discuss some more general topics around design systems, CSS, open source, accessibility and more. He is a great guy with a very interesting project, and we think you should check it out. Links: AgnosticUI - https://www.agnosticui.com/ Blog - https://developtodesign.com/ A11y Dialog - https://a11y-dialog.ne Rob’s Illustration Work - https://roblevin.myportfolio.com/work Shout outs: Rob - Vuetensils, Traversy Media's CSS Grid Layout Crash Course Grant - Feit Electric smart power strip (also their whole line of other smart bulbs are great) Austin - Raised by Wolves Season 2

In this episode Austin gets into it with Grant about working with agencies, and some of the pitfalls related. After a bit of venting we actual come around to some interesting content related to Gatsby, React, and working with TypeScript.  We cover: Merging className between parent and child components Using PropType vs TypeScript Which types to use for SVGs (JSX.Element, ReactNode, ReactElement) Inheriting type definitions for wrapper components Links: The React.ReactNode type is a black hole Shout Outs: Austin - Rescue.org donation & Elden Ring Grant - Cryo-cuff

Grant wanted to share some things he wish he knew as a beginner that would have made his career easier. His tips boil down to: Communication Research Problem solving Language specifics dont matter Learn to read code Get good at being wrong Shout outs: Austin & Grant: freeCodeCamp.org

Do you like progress? Well too bad because we’re using 90s technology until otherwise required! In the episode, Austin schools Grant on why building forms to work with and without JavaScript matters, how you can do it, and some tips and tricks if you want to do it yourself. It’s one of those technical deep dive episodes that we like to mix in here and there and we get into native behavior vs JS, accessibility, UX, and more. We hope you enjoy. Outline: Why it matters Default behavior Validation Validity API Different types of inputs Accessibility UX improvement Backend Detecting native vs fetch requests Links: Why your website should work without Javascript. JavaScript isn’t always available and it’s not the user’s fault Shout outs: Grant - Cloud/Lambda/Serverless functions. Austin - Costco

Isn't it obvious? We did the same thing everyone else is doing this time of year. We talked about recaps and highlights of 2021, and then some predictions and resolutions for 2022. Spoiler alert! 2022 is going to be a good year :D Shou touts Austin: Volunteering Grant: theproscloset.com