Building Your Brand with egghead.io's Joel Hooks

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 / Links CSS Modules Playroom Braid Design System Blueprint.js Material UI AWS Amplify Containers Changesets Little Big Snake Cyberpunk 2077 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. 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 / Links Tailwind CSS: Utility-focused CSS Framework Tailwind UI: Pre-built Components and Snippets for Tailwind CSS Alpine.js Laravel PHP Framework 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. 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.

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 Picks Alen 75i Air Purifier (get the VOC filter). Also be sure to watch/listen to this talk: Why Air Quality Matters by @DHH Next.js Static Site Generation API ICYMI: 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.

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. Featuring Dan Stein - Twitter, Github, Website Ken Wheeler – Twitter, GitHub, Website Jared Palmer – Twitter, GitHub, Website Sponsor - 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 support@getstream.io 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, Github Ken Wheeler – Twitter, GitHub, Website Jared Palmer – Twitter, GitHub, Website G2i - 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. Featuring Peggy Rayzis - Twitter, Github Ken Wheeler – Twitter, GitHub, Website Jared Palmer – Twitter, GitHub, Website Links Apollo GraphQL GraphQL Java Apollo Server Schema Stitching MDX "Apollo raises $22 million to simplify app development" by Geoff Schmidt One Graph URQL GraphQL client Memes Multiple React Roots. Is this microfrontends? The getting mad at Ken Wheeler starter kit Developer relations starter kit Picks Jim Beam Double Oak Whiskey iPad Lara Hogan Management & Leadership Coaching Eelke Kleijn | DAYS like NIGHTS Article.com Rag & Bone G2i - 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. Featuring Nader Dabit - Twitter, Github, Website, Consultancy Ken Wheeler – Twitter, GitHub, Website Jared Palmer – Twitter, GitHub, Website, Agency Links React Europe AWS Amplify React Native Training Le Centre Pompidou The Fondation Louis Vuitton "The Slaves" by Michaelangelo Les Philosophes Supreme Where the Heaux at? T-Shirt HTML Canvas Images - W3Schools Mimic class properties with useEventCallback useSubscription hook PR urql GraphQL client Startup Nation by Dan Senor, Saul Singer Coders are the new Rock Stars - Dan Stein aka @DJFreshUK Picks Drizly Gerhard Richter The 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. Featuring Jackie Luo - Twitter, Github, Website Ken Wheeler – Twitter, GitHub, Website Jared Palmer – Twitter, GitHub, Website Links Caviar Ember Glimmer TypeScript Nylas Email Client Svelte Vue Square Misk Dropwizard Kotlin Programming Language kotlin-react Common Projects Tim Cook's Earth Day Tweet Picks Allbirds Tree Skippers Crep Protect Svelte Fortnite 👉 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. Featuring Rich Harris - Twitter, Github Ken Wheeler – Twitter, GitHub, Website Jared Palmer – Twitter, GitHub, Website Links PEG.js d3 Svelte 3 Ractive "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. Featuring Brent Vatne - Twitter, Github Ken Wheeler – Twitter, GitHub, Website Jared Palmer – Twitter, GitHub, Website 👉 Watch on YouTube 👀 👀 👀 Links Expo.io Unimodules React Navigation D3 The Box "Your brain on JQuery" Egg.js WeChat Mini Programs Faster input events with Facebook's first browser API contribution Picks javax.servlet Filter API Clean your garage Beef Brisket Evan Bacon - Github, Twitter React Devtools Experimental Brian 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. Featuring Jason Palmer - Twitter, Github Ken Wheeler – Twitter, GitHub, Website Jared Palmer – Twitter, GitHub, Website Links "You don’t need standup" by Jason Palmer Astro Email Twist Minecraft Redstone Circuit Spotify audio visualizer Winamp visualizer Visual Basic Webflow Assert(JS) Conf Cypress.io "Write tests. Not too many. Mostly integration." by Kent C. Dodds Kent C. Dodds's Testing Trophy Picks Debowa Vodka Native Instruments Maschine Nobu Jarvis Desk Jest Xenoblade 2 Google Stadia GFuel

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. Featuring Sunil Pai – Twitter, GitHub Ken Wheeler – Twitter, GitHub, Website Jared Palmer – Twitter, GitHub, Website Links Stop writing code - Sunil's talk at React Europe 2018 The “Something” Statements - Sunil's talk at React Rally 2018 Visual Basic Neopets Adobe Flash Atom Editor Visual Studio Code List of mergers and acquisitions by Microsoft TypeScript Prettier - Opinionated Code Formatter VSCode IntelliCode Extension - AI-assisted productivity features for Python, TypeScript/JavaScript and Java developers VSCode Color Picker Extension (aka "Fady Gradient "F**ker) Framer X Glamor - Sunil's CSS-in-JS library for react et al JSS Atlaskit by Atlassian - Atlassian's official component library Salesforce's Commerce Cloud (formerly Demandware) Sketch Symbols Glamor's CSS selectors (e.g. ":hover") JSX spec Vue-loader Scoped CSS React Hooks - They let you use state and other React features without writing a class. "My Coding Journey" - Revel Carlberg West @ ReactNYC React createClass Create 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 code Web Audio API Android Studio/SDK Service Worker API Web Components API "Tumblr will ban all adult content on December 17th" by Shannon Liao, The Verge, Dec 3, 2018 Codepen.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 Overflow Array.prototype API on MDN Ken Wheeler on Spotify kenwheeler/cash - Ken's absurdly small jQuery alternative for modern browsers FormidableLabs/react-music - Make beats with React! Rust Programming Language Tutorial Picks Tical by Method Man Tile app California by Blink 182 birkir/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