The Undefined Podcast

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: G2iIf 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 ShopWe launched an online store! Checkout https://shop.undefined.fm for the dankest swag and accessories.Follow UsMark Dalgleish - Twitter, GithubKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteThe 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.FeaturingAdam Wathan - Twitter, Github, WebsiteKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteNotes / LinksTailwind CSS: Utility-focused CSS FrameworkTailwind UI: Pre-built Components and Snippets for Tailwind CSSAlpine.jsLaravel PHP FrameworkSponsor: PrismaAs 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 ShopWe 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.

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.FeaturingEvan You - Twitter, Github, WebsiteRich Harris - Twitter, GithubKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteSponsor: PrismaAs 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: G2iIf 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 ShopWe 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.FeaturingKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsitePicksAlen 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 ShopWe 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.FeaturingIheanyi Ekechukwu - Twitter, Github, WebsiteKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteSponsor: TrackJSJavaScript 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 ShopWe 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.FeaturingJoel Hooks - Twitter, Github, Journal, egghead.ioKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteSponsor: TrackJSJavaScript 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 ShopWe 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 - StreamBuild 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 ShopWe 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 - SponsorIf 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 - SponsorIf 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. Featuring Jani Eväkallio - Twitter, Github Ken Wheeler – Twitter, GitHub, Website Jared Palmer – Twitter, GitHub, Website Links "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. Featuring Jordan Scales - Twitter, Github, Website Ken Wheeler – Twitter, GitHub, Website Jared Palmer – Twitter, GitHub, Website Links @fat (creator of Twitter Bootstrap) 3Blue1Brown YouTube Video: "This one time at Bandcamp" from American Pie (1999) Animate Plus by Benjamin De Cock (Twitter, Github) Aphrodite BEM (i.e. "Block Element Modifier" CSS naming convention) PostCSS is a tool for transforming CSS with JavaScript Palantir Blueprint Segment Evergreen A Life in Parts by Bryan Cranston Three Body Problem by Liu Cixin Yoshi's Crafted World for Switch Dog Blood (Skrillex & Boys Noize) - Turn Off The Lights Billie Eilish Picks Rome toolchain (Twitter Thread, Undefined Episode 1 with Seb) Casamigos Miller Lite Malika Favre Patagonia 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. Featuring Ali Spittel - Twitter, Github, Website Ken Wheeler – Twitter, GitHub, Website Jared Palmer – Twitter, GitHub, Website Links Dev.to - Website, GitHub, Twitter MDX Deck: MDX-based presentation decks Spectacle: ReactJS based Presentation Library ImpressJS presentation framework Spectacle Code Slide General Assembly Red Dead Redemption 2 Revolution Conf FlyWheel SoulCycle Texas Blind Salamander (it's a troglobite) Cornell bit from The Office Hamilton College Ken's most popular tweet Napster Picks Ken's Fly Shotgun Casamigos Blanco Tequila React Loops by Lee Byron 90s 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. Featuring Sebastian McKenzie – Twitter, GitHub, Website Ken Wheeler – Twitter, GitHub, Website Jared Palmer – Twitter, GitHub, Website Links Babel - Babel is a JavaScript compiler. Babel Macros - Allows you to build simple compile-time libraries Yarn - 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 Request The Anus NPM Package