Эпизоды
-
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 ManagerGeneral 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--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
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.
--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
Пропущенные эпизоды?
-
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 errorLove:
Grant - Star Trek: Strange New Worlds Austin - Too Good To Go--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
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--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
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--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
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/workShout 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--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
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 componentsLinks:
The React.ReactNode type is a black holeShout Outs:
Austin - Rescue.org donation & Elden Ring Grant - Cryo-cuff--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
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 wrongShout outs:
Austin & Grant: freeCodeCamp.org--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
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 requestsLinks:
Why your website should work without Javascript. JavaScript isn’t always available and it’s not the user’s faultShout outs:
Grant - Cloud/Lambda/Serverless functions. Austin - Costco--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
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--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
Ever wondered what sort of equipment Austin and Grant have for their office setup? No? Well, we’re going to tell you anyway. We covered desks, chairs, monitor arms, peripherals, audio/video stuff, and more. It’s just as boring as it sounds, but we hope you enjoy it nonetheless. Hey, they can’t all be bangers.
Links:
Ikea standing desk HisoHu Electric Standing Desk Standing desk converter Autonomouse ErgoChair Pro Ultrawide monitor WALI Dual Monitor Arm Master Mouse 3 Alice Keyboard Kinesis Freestyle2 keyboard Shure SM-7B Micorphone Samson Q2U Microphone Blue snowball iCE Microphone Dan Clark Audio Aeon2 closed Cloud Lifter Radial Workhorse Radial Mic PreAmp Drawmer DS101 noise gate DBX 560a compressor/limiter Sony RX100 cameraShout Outs:
Grant - Commit Equipment, dope af MTB jerseys with POCKETS Astin - Gorilla Ladders--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
Austin’s been working a lot with build tooling lately. In this episode, he takes Grant on a bit of a journey into the world of build tools and ASTs, or Abstract Syntax Trees. We talk Webpack, Rollup, Vite, Babel, and Acorn JS.
Links:
astexplorer.net AST on WikiPedia Acorn JS Lingua franca Babel Plugin Handbook Webpack Sli.devShout Outs:
Austin - Tucker and Dale vs. Evil & Great British Bake Off Grant - Egghead.io--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
In this episode, Grant and Austin do some eggnog math before chatting about burnout, ES Modules, building plugins for different build tools, interesting thoughts around island architecture and Astro. We went all over the place. Hope you enjoy the journey.
Links:
Lazy loading JS by visibility Astro.build Coding escape roomShout outs:
Grant - Jason Lengstorf on Egghead Austin - Better Uptime--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
In this episode, Grant and Austin sit down to chat about the latest tech news that's on their minds. We covered a whole slew of things such as:
Trying to make magic with TS Cloudflare taking swings at AWS Dark mode vs light mode Browser extensions (scary) VSCode extensions (also scary) NPM postinstall scripts (extremely scary)Shoutouts:
Austin:Cloudflare Grant: bike fitting--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
In this episode, Grant and Austin discuss some of the trials and tribulations of maintaining the same dependencies across multiple projects. Some topics we cover are Package Registry (NPM/GitHub Packages), Monorepos, Framework-specific tooling, Learna, and Git Submodules.
Links:
NPM GitHub Packages Gatsby themes Learna Architect by Begin.com Netlify functions Webpack Module federation Git SubmodulesShoutouts:
Austin - The Alchemist by Paulo Coelho Grant - Tape measures--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
In this episode we had the pleasure of speaking with Amal Hussein about the sorts of things developers can do to level up later in their careers. The game changes as we progress, and she is a fantastic player. We discuss books to read, what to focus on, why Twitter followers means nothing, and everything wrong with Silicon Valley.
Links:
GitLab Career Development--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
In this episode, we’re getting the band back together to talk about HTTP requests. We cover a little bit about what they are, go into the options we have for making HTTP requests with JavaScript, and explore some libraries that make life easier on us.
Links:
XMLHttpRequest Fetch Stale While Revalidate
https://web.dev/stale-while-revalidate/ jQuery Axios Node-fetch cross-fetch isomorphic-fetch Got SWR GraphQL Apollo Relay React-graphqlShoutouts:
Grant - Tow hitches AJ - Professional Movers Austin - Sarah Scribbles--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
Experience makes you a stronger developer, except when it doesnt. Many in the dev community accept the idea that a lack of experience could be a liability on a project, however in a similar way someone with experience can have mental blocks as a result of that experience. We discuss in this episode how experience can influence decisions in a negative way.
Links:
Jira is a truncation of GojiraShoutouts:
Austin - “How a Burner Identity Protects Your Inbox, Phone, and Credit Cards” + Sudo Grant - Modeselektor - Extended--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
In this episode, Grant and Austin catch up on some cool new things around web development. Specifically, Vite and Vitedge, a new full-stack framework for "Edge-side rendering". Sparked by that coolness, we explore other rendering patterns such as strict server-side, client-side, static sites (build time), lambda functions, and more. Finally, we end with a silly discussion of frameworks vs libraries.
Links:
VitedgeShoutouts:
Austin - Seek by iNaturalist Grant - shotgun child seat
--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support -
In this episode, Grant and Austin talk all about environment variables. We cover the difference between private and public variables, how to keep them secure, keeping them in sync across teams, and where to store your precious precious variables. They may be keys, secrets, or just configuration strings, but hopefully this chat sheds some light on the subject for you.
Reference `dotnev` from Jest config:
// jest.config.js
module.exports = {
setupFiles: ['dotenv/config'],
};Reference `dotenv` from NPM script:
"jest": "node -r dotenv/config ./node_modules/.bin/jest",
"knex": "node -r dotenv/config ./node_modules/knex/bin/cli.js",Links:
dotenv Vue-cli Create react app Doppler Hashicorp Vault GitHub Actions secrets Netlify build variablesShoutouts:
Austin: Strava and OMG, SVG Favicons FTW! Grant: Also Strava
--- Support this podcast: https://podcasters.spotify.com/pod/show/thefncall/support - Показать больше