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.

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.

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 [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, 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 👀 👀 👀