Episodes

  • Mark Dalgleish, the creator of CSS Modules, joins full stack developers Ken Wheeler and Jared Palmer on The Undefined to talk about to talk design systems vs. component libraries and the future of design tooling.

    Notes / LinksCSS ModulesPlayroomBraid Design SystemBlueprint.jsMaterial UIAWS Amplify ContainersChangesetsLittle Big SnakeCyberpunk 2077Sponsor: G2i

    If you’re building a new product, G2i is a company that can help you find a developer who can build the first version. G2i is a hiring platform run by engineers that matches you with React, React Native, GraphQL, and mobile engineers who you can trust. Whether you are a new company building your first product or an established company that wants additional engineering help, G2i has the talent you need to accomplish your goals. Go to g2i.co to learn more about what G2i has to offer.

    ICYMI: The Undefined Shop

    We launched an online store! Checkout https://shop.undefined.fm for the dankest swag and accessories.

    Follow Us

    Mark Dalgleish - Twitter, Github

    Ken Wheeler – Twitter, GitHub, Website

    Jared Palmer – Twitter, GitHub, Website

    The Undefined Podcast - Twitter, Website, YouTube, Store

  • Adam Wathan, the creator of Tailwind CSS, joins full stack developers Ken Wheeler and Jared Palmer on The Undefined to talk about his path to becoming a developer, the big problems traditional CSS frameworks, what it's like to bootstrap a company, and the future of Tailwind.

    Featuring

    Adam Wathan - Twitter, Github, Website

    Ken Wheeler – Twitter, GitHub, Website

    Jared Palmer – Twitter, GitHub, Website

    Notes / LinksTailwind CSS: Utility-focused CSS FrameworkTailwind UI: Pre-built Components and Snippets for Tailwind CSSAlpine.jsLaravel PHP FrameworkSponsor: Prisma

    As a frontend developer, if you want to become fullstack, you'll find that the hardest part of backend development is working with a database.

    Prisma is a next-generation ORM and database toolkit that makes working with databases easy and helps frontend developers become fullstack!

    Visit the prisma-examples repo for lots of ready-to-run starter projects with various frameworks and libraries, like Express, Apollo, NestJS or hapi. If you're a Next.js developer, be sure to visit prisma.io/nextjs to learn more about how easy it is to integrate Prisma in your Next.js apps!

    Prisma has a very active and welcoming community on Slack and on GitHub where you can find help for any questions about the Prisma ecosystem.

    ICYMI: The Undefined Shop

    We launched an online store! Checkout https://shop.undefined.fm for the dankest swag and accessories. 20% off all items during our Black Friday / Cyber Monday sale.

  • Missing episodes?

    Click here to refresh the feed.

  • Evan You, the creator of Vue.js, and Rich Harris, Graphics Editor at The New York Times and creator of Svelte and Rollup, join hosts Ken Wheeler and Jared Palmer on The Undefined to talk about the future of frontend development.

    Featuring

    Evan You - Twitter, Github, Website

    Rich Harris - Twitter, Github

    Ken Wheeler – Twitter, GitHub, Website

    Jared Palmer – Twitter, GitHub, Website

    Sponsor: Prisma

    As a frontend developer, if you want to become fullstack, you'll find that the hardest part of backend development is working with a database.

    Prisma is a next-generation ORM and database toolkit that makes working with databases easy and helps frontend developers become fullstack!

    Visit the prisma-examples repo for lots of ready-to-run starter projects with various frameworks and libraries, like Express, Apollo, NestJS or hapi. If you're a Next.js developer, be sure to visit prisma.io/nextjs to learn more about how easy it is to integrate Prisma in your Next.js apps!

    Prisma has a very active and welcoming community on Slack and on GitHub where you can find help for any questions about the Prisma ecosystem.

    Sponsor: G2i

    If you’re building a new product, G2i is a company that can help you find a developer who can build the first version. G2i is a hiring platform run by engineers that matches you with React, React Native, GraphQL, and mobile engineers who you can trust. Whether you are a new company building your first product or an established company that wants additional engineering help, G2i has the talent you need to accomplish your goals. Go to g2i.co to learn more about what G2i has to offer.

    ICYMI: The Undefined Shop

    We launched an online store! Checkout https://shop.undefined.fm for the dankest swag and accessories. 20% off all items during our Black Friday / Cyber Monday sale.

  • Full stack developers Ken Wheeler and Jared Palmer talk about the future of the JAMStack, their experiences with serverless functions, debate Next.js vs. Gatsby, and so much more.

    Featuring

    Ken Wheeler – Twitter, GitHub, Website

    Jared Palmer – Twitter, GitHub, Website

    PicksAlen 75i Air Purifier (get the VOC filter). Also be sure to watch/listen to this talk: Why Air Quality Matters by @DHHNext.js Static Site Generation APIICYMI: The Undefined Shop

    We launched an online store! Checkout https://shop.undefined.fm for the dankest swag and accessories.

  • Iheanyi Ekechukwu is a Software Engineer at GitHub on the Actions team and co-host of the Two Black Nerds podcast. Prior to GitHub, Iheanyi was a Software Engineer at Digital Ocean. He joins hosts Ken Wheeler and Jared Palmer on The Undefined to talk about his path to becoming a full stack developer, what it's like to work at GitHub, and how he ships awesome side projects.

    Featuring

    Iheanyi Ekechukwu - Twitter, Github, Website

    Ken Wheeler – Twitter, GitHub, Website

    Jared Palmer – Twitter, GitHub, Website

    Sponsor: TrackJS

    JavaScript breaks sometimes. Even the code you write. You need to know when things start crashing in production.

    TrackJS Error Monitoring for JavaScript quickly integrates with your front-end or node application, regardless of framework, so you know when a bug gets out. TrackJS installs in minutes, and you get context about what the user, network, and application were doing before an error. It's like having an airplane's blackbox in your UI, so you can find, recreate, and fix problems fast.

    TrackJS is an engineer-owned cloud service that will make your JavaScript better and your website more reliable. Try it free at https://undefined.fm/trackjs.

    ICYMI: The Undefined Shop

    We launched an online store! Checkout https://shop.undefined.fm for the dankest swag and accessories.

  • Joel Hooks is the Co-Founder of egghead.io, an online community of badass web developers. Joel joins hosts Ken Wheeler and Jared Palmer on the Undefined to talk about what it takes to build a personal brand and level-up as a developer. The gang chats about their learning techniques, motivation, favorite resources, and what success really means to them.

    Featuring

    Joel Hooks - Twitter, Github, Journal, egghead.io

    Ken Wheeler – Twitter, GitHub, Website

    Jared Palmer – Twitter, GitHub, Website

    Sponsor: TrackJS

    JavaScript breaks sometimes. Even the code you write. You need to know when things start crashing in production.

    TrackJS Error Monitoring for JavaScript quickly integrates with your front-end or node application, regardless of framework, so you know when a bug gets out. TrackJS installs in minutes, and you get context about what the user, network, and application were doing before an error. It's like having an airplane's blackbox in your UI, so you can find, recreate, and fix problems fast.

    TrackJS is an engineer-owned cloud service that will make your JavaScript better and your website more reliable. Try it free at https://undefined.fm/trackjs.

    ICYMI: The Undefined Shop

    We launched an online store! Checkout https://shop.undefined.fm for the dankest swag and accessories.

  • Dan Stein is a Principal Software / AI Developer for GLG Group. Prior to that, Dan was an award winning EDM DJ and producer known as "DJ Fresh" with over 2.5 million record sales, two number 1 singles, and two top 6 singles to his name. Dan joins hosts Ken Wheeler and Jared Palmer on the Undefined to tell his story--and how he transitioned from being an actual rockstar to rockstar full stack developer.

    FeaturingDan Stein - Twitter, Github, WebsiteKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteSponsor - Stream

    Build real-time chat in less time. Rapidly ship in-app messaging with our highly reliable chat infrastructure. Drive in-app conversion, engagement, and retention with the Stream Chat API & SDKs.

    Proven Chat API reliability that is flexible enough to build any chat experience.Add emoji reactions to messages just like Slack, Facebook or iMessage.With threads and replies, you can build structured chat experiences.

    More info can be found at getstream.io/chat.

    DISCOUNT: Visit getstream.io/chat AND email [email protected] mentioning this podcast to receive 25% off a Standard plan or 10% off an Enteprise plan.

    ICYMI: The Undefined Shop

    We launched an online store! Checkout https://shop.undefined.fm for the dankest swag and accessories.

  • Evan Bacon is a Software Engineer at Expo.io. Prior to that, Evan was a designer at Frog Design and Master Builder at LEGO. He joins hosts Jared Palmer and Ken Wheeler on the Undefined to talk about React Native, game development, and his unique origin story. The gang also discusses $900k developer salaries, moving to NYC, and White Claw.

    Evan Bacon - Twitter, GithubKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteG2i - Sponsor

    If you’re building a new product, G2i is a company that can help you find a developer who can build the first version. G2i is a hiring platform run by engineers that matches you with React, React Native, GraphQL, and mobile engineers who you can trust. Whether you are a new company building your first product or an established company that wants additional engineering help, G2i has the talent you need to accomplish your goals. Go to g2i.co to learn more about what G2i has to offer.

  • Peggy Rayzis is the Engineering Manager of Developer Experience Apollo. Prior to that, Peggy was a Software Engineer at Major League Soccer. She joins us on the Undefined to talk about GraphQL and what's new with Apollo.

    FeaturingPeggy Rayzis - Twitter, GithubKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteLinksApollo GraphQLGraphQL JavaApollo ServerSchema StitchingMDX"Apollo raises $22 million to simplify app development" by Geoff SchmidtOne GraphURQL GraphQL clientMemesMultiple React Roots. Is this microfrontends?The getting mad at Ken Wheeler starter kitDeveloper relations starter kitPicksJim Beam Double Oak WhiskeyiPadLara Hogan Management & Leadership CoachingEelke Kleijn | DAYS like NIGHTSArticle.comRag & BoneG2i - Sponsor

    If you’re building a new product, G2i is a company that can help you find a developer who can build the first version. G2i is a hiring platform run by engineers that matches you with React, React Native, GraphQL, and mobile engineers who you can trust. Whether you are a new company building your first product or an established company that wants additional engineering help, G2i has the talent you need to accomplish your goals. Go to g2i.co to learn more about what G2i has to offer.

  • Nader Dabit is a Developer Advocate at AWS and Founder of React Native Training. He joins hosts Jared Palmer and Ken Wheeler on The Undefined to talk about React Europe, React hooks, the future of work, consulting, and more.

    FeaturingNader Dabit - Twitter, Github, Website, ConsultancyKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, Website, AgencyLinksReact EuropeAWS AmplifyReact Native TrainingLe Centre PompidouThe Fondation Louis Vuitton"The Slaves" by MichaelangeloLes PhilosophesSupremeWhere the Heaux at? T-ShirtHTML Canvas Images - W3SchoolsMimic class properties with useEventCallbackuseSubscription hook PRurql GraphQL clientStartup Nation by Dan Senor, Saul SingerCoders are the new Rock Stars - Dan Stein aka @DJFreshUKPicksDrizlyGerhard RichterThe Clermont Lounge

    👉 Watch on YouTube 👀 👀 👀

  • Jackie Luo is a platform engineer at Square. She joins hosts Jared Palmer and Ken Wheeler on The Undefined to talk about work/life balance React vs. Ember, NY vs. SF, CS degrees, and more.

    FeaturingJackie Luo - Twitter, Github, WebsiteKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteLinksCaviarEmber GlimmerTypeScriptNylas Email ClientSvelteVueSquare MiskDropwizardKotlin Programming Languagekotlin-reactCommon ProjectsTim Cook's Earth Day TweetPicksAllbirds Tree SkippersCrep ProtectSvelteFortnite

    👉 Watch on YouTube 👀 👀 👀

  • Rich Harris is a Graphics Editor at The New York Times and the creator of Svelte and Rollup. He joins hosts Jared Palmer and Ken Wheeler on The Undefined to talk about his gig, the tools he uses to write interactive articles, and about what's new in Svelte v3.0.

    FeaturingRich Harris - Twitter, GithubKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteLinksPEG.jsd3Svelte 3Ractive"The Follower Factory" by Nicholas Confessore, Gabriel J.X. Dance, Richard Harris and Mark Hansen (Jan 27, 2018)reactjs/react-future@lordkenwheeler

    👉 Watch on YouTube 👀 👀 👀

  • Brent Vatne is a Software Engineer at Expo. He joins hosts Jared Palmer and Ken Wheeler on The Undefined to talk about the future of the web, native development, and more.

    FeaturingBrent Vatne - Twitter, GithubKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, Website

    👉 Watch on YouTube 👀 👀 👀

    LinksExpo.ioUnimodulesReact NavigationD3The Box"Your brain on JQuery"Egg.jsWeChat Mini ProgramsFaster input events with Facebook's first browser API contributionPicksjavax.servlet Filter APIClean your garageBeef BrisketEvan Bacon - Github, TwitterReact Devtools ExperimentalBrian Vaughn
  • Jani Eväkallio is the VP of Engineering at Formidable Labs and the creator of @Smoosh_Comedy. He joins hosts Jared Palmer and Ken Wheeler on The Undefined to talk about the meaning of life, the universe, and everything...JavaScript.

    FeaturingJani Eväkallio - Twitter, GithubKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteLinks"It should eat ass instead"Kent C. Dodds fight scene"Mormon Kombat""Ass is the titties of the legs"

    👉 Watch on YouTube 👀 👀 👀

  • Jordan Scales is a Software Engineer at Stripe and notorious Twitter memelord. He joins us on The Undefined to talk about dank memes, his origin story, and Stripe's React component library and frontend developer experience.

    FeaturingJordan Scales - Twitter, Github, WebsiteKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteLinks@fat (creator of Twitter Bootstrap)3Blue1Brown YouTubeVideo: "This one time at Bandcamp" from American Pie (1999)Animate Plus by Benjamin De Cock (Twitter, Github)AphroditeBEM (i.e. "Block Element Modifier" CSS naming convention)PostCSS is a tool for transforming CSS with JavaScriptPalantir BlueprintSegment EvergreenA Life in Parts by Bryan CranstonThree Body Problem by Liu CixinYoshi's Crafted World for SwitchDog Blood (Skrillex & Boys Noize) - Turn Off The LightsBillie EilishPicksRome toolchain (Twitter Thread, Undefined Episode 1 with Seb)CasamigosMiller LiteMalika FavrePatagonia Vests! (Article, React Amsterdam Video)Keystone Light Keystalope
  • Ali Spittel is a Software Engineer and Developer Advocate at Dev.to. Prior to her new gig, she was a Lead Instructor of Web Development at General Assembly. She joins us on The Undefined to talk about her new role, the reality of coding bootcamps, and the ups and downs of remote work.

    FeaturingAli Spittel - Twitter, Github, WebsiteKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteLinksDev.to - Website, GitHub, TwitterMDX Deck: MDX-based presentation decksSpectacle: ReactJS based Presentation LibraryImpressJS presentation frameworkSpectacle Code SlideGeneral AssemblyRed Dead Redemption 2Revolution ConfFlyWheelSoulCycleTexas Blind Salamander (it's a troglobite)Cornell bit from The OfficeHamilton CollegeKen's most popular tweetNapsterPicksKen's Fly ShotgunCasamigos Blanco TequilaReact Loops by Lee Byron90s Hits on Spotify
  • Jason Palmer is the Product Manager of Web Infrastructure at Spotify and core Jest team member. He joins us on The Undefined to talk about engineering team management, avoiding useless meetings, optimal testing strategies, and getting swole AF for conference season.

    FeaturingJason Palmer - Twitter, GithubKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteLinks"You don’t need standup" by Jason PalmerAstro EmailTwistMinecraft Redstone CircuitSpotify audio visualizerWinamp visualizerVisual BasicWebflowAssert(JS) ConfCypress.io"Write tests. Not too many. Mostly integration." by Kent C. DoddsKent C. Dodds's Testing TrophyPicksDebowa VodkaNative Instruments MaschineNobuJarvis DeskJestXenoblade 2Google StadiaGFuel
  • Sunil Pai is a Software Engineer at Facebook, React team member, and the creator of Glamor. He joins us on The Undefined to talk about the state of the web, the past, present, and future of text editors and IDEs, how he learned to code, and how our community needs to evolve to survive.

    FeaturingSunil Pai – Twitter, GitHubKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteLinksStop writing code - Sunil's talk at React Europe 2018The “Something” Statements - Sunil's talk at React Rally 2018Visual BasicNeopetsAdobe FlashAtom EditorVisual Studio CodeList of mergers and acquisitions by MicrosoftTypeScriptPrettier - Opinionated Code FormatterVSCode IntelliCode Extension - AI-assisted productivity features for Python, TypeScript/JavaScript and Java developersVSCode Color Picker Extension (aka "Fady Gradient "F**ker)Framer XGlamor - Sunil's CSS-in-JS library for react et alJSSAtlaskit by Atlassian - Atlassian's official component librarySalesforce's Commerce Cloud (formerly Demandware)Sketch SymbolsGlamor's CSS selectors (e.g. ":hover")JSX specVue-loader Scoped CSSReact Hooks - They let you use state and other React features without writing a class."My Coding Journey" - Revel Carlberg West @ ReactNYCReact createClassCreate React App - Set up a modern React web app by running one command.Codesandbox.io - CodeSandbox is an online editor that helps you create web applications, from prototype to deployment.AWS Cloud9 - A cloud IDE for writing, running, and debugging codeWeb Audio APIAndroid Studio/SDKService Worker APIWeb Components API"Tumblr will ban all adult content on December 17th"
    by Shannon Liao, The Verge, Dec 3, 2018Codepen.io - A front end web development playground.Sunil's Gist on CSS-in-JS: "How does writing CSS in JS make it any more maintainable?" - (Hacker News Thread, Original Tweet)Addy Osmani, Sarah Drasner, and Dan Abramov (blessed be he)Mozilla Firebug Editor Extension for Firefox"What is a JavaBean exactly?" - Stack OverflowArray.prototype API on MDNKen Wheeler on Spotifykenwheeler/cash - Ken's absurdly small jQuery alternative for modern browsersFormidableLabs/react-music - Make beats with React!Rust Programming Language TutorialPicksTical by Method ManTile appCalifornia by Blink 182birkir/prime - Open Source GraphQL CMS
  • Sebastian McKenzie is a Software Engineer at Facebook and the creator of Babel and Yarn. He joins us on The Undefined to chat about the ups and downs of open source software, what it's like to work at Facebook, and a brand new toolchain he's working on that blurs the lines between JavaScript transpiler, bundler, and framework.

    FeaturingSebastian McKenzie – Twitter, GitHub, WebsiteKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteLinksBabel - Babel is a JavaScript compiler.Babel Macros - Allows you to build simple compile-time librariesYarn - Fast, reliable, and secure dependency management.What Happened When I Peeked Into My Node_Modules Directory The "Remove Guy Fieri from Babel's source code" Pull RequestThe Anus NPM Package