devMode.fm

By Andrew Welch, Ryan Irelan

devMode.fm is a bi-weekly podcast dedicated to the tools, techniques, and technologies used in modern web development. We cover JavaScript frameworks like React, Vue.js, and Svelte, tooling like webpa... more

4.7

3232 ratings

Download on the App Store

Download on the App Store

Get it on Google Play

FAQs about devMode.fm:

How many episodes does devMode.fm have?

The podcast currently has 134 episodes available.

devMode.fm episodes:

February 10, 2020Web Performance with @csswizardry Harry Roberts
On this episode, @csswizardry Harry Roberts regales us with stories from the trenches, discussing the real-world web performance problems he’s helped companies overcome, and how.

We go on to discuss how to how to help justify to expense of optimizing for performance, and how it’s really a business decision in terms of what ends up making the company more money.

We go on to discuss the massive energy used by data centers used to power the web, their environmental impact, and the “butterfly effect” of small changes we developers make that can result in huge results.

Finally, Harry tells us his top 3 things that are most important to keep in mind when you want to build a performant site. Apologies for minor sound quality issues with Harry’s audio, but the content is worth it!
CSSWizardry.com

Tailwind CSS based on ITCSS

Why Speed Matters

The Need for Mobile Speed

A Pretty Website Isn't Enough

Tags Gone Wild! Managing Tag Managers

The cost of JavaScript in 2019

Post-Mortem: Applied Image Optimization

Essential Image Optimization

The Ethics of Web Performance

Power Hungry: The Growing Energy Demands of Data Centers

Why Energy Is A Big And Rapidly Growing Problem For Data Centers

WebPageTest.org

Request Map

Speed Curve

La Tomatina Festival
...more
1h 1min
February 03, 2020Development and the Art of Focus
Matt Stein from Working Concept hosts this episode all about the art of focus, joined by special guests Brandon Kelly from Pixel & Tonic and Ransom Roberson from Venveo.

The devMode.fm crew discusses the very different strategies we’ve each each adopted to help us maintain focus, and discuss how work/life balance comes into play as well.

We learn that Matt spends an unusual amount of time composing tweets, stemmed from his current obsession of typing using an old-school typewriter.
Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones

Cal Newport - Deep Work

Eat That Frog!

Finland’s new prime minister calls for four-day working week

Steve Reich, "Music for 18 Musicians" - FULL PERFORMANCE with eighth blackbird

Music for pieces of wood - Steve Reich

Inside Bill's Brain: Decoding Bill Gates | Netflix Official Site

The BuJo Backstory
...more
58min
January 20, 2020Building Mobile Apps with React Native
On this episode we talk with Paulo Ellias about building real native iOS and Android apps in React native.

Even if your bread and butter is web development, exploring the options available to you like React Native that allow you to leverage your existing skills can be a really positive outcome.

We discuss what it’s like to go from building CMS websites to building React frontends to building React Native apps, and how it’s not as much of a leap as you might think.

We go on discuss some real world projects where React Native might be an extremely viable option, and explore some of the tooling around React Native such as Expo.
React Native

React Native Showcase

React Native Web

Ionic Framework

Expo

What Is React Native?

Can it be done in React Native?

React Native School

Running of the Bulls
...more
54min
January 06, 2020Framework Agnostic Web Components with Stencil
On this episode, we’re joined by Adam Bradley & Manu Martinez-Almeida, the Ionic Framework team behind Stencil!

We learn how Stencil is a build tool that allows you to create framework agnostic components that work with all of the major JavaScript frameworks, including no framework at all as Web Components.

We discuss how the Ionic Framework’s need to solve the puzzle of components working with multiple frameworks lead to the creation of Stencil. And Stencil is an OSS build tool that you can leverage whether you use the Ionic Framework or not.

If your design systems need to outlive the vagaries of the JavaScript world, or you work with multiple projects or teams that use different frameworks, you’ll want to give this one a listen!
Stencil

Stencil Github

Why We Use Web Components

Stencil: A Built-Time Approach to the Web

Ionic Framework

Stencil & Web Components used by Apple

Components without a Framework
...more
55min
December 23, 2019devMode 2019 Holiday Special
This special holiday episode of devMode.fm is some roundtable banter with many of the regular devMode.fm hosts, and nothing technical is discussed at all.

Instead, we delve into the history of eggnog — We thought Michael was reading from Wikipedia but turns out he’s just obsessed — betel nut chewing, and other holiday traditions.

We start to discuss holiday plans, but quickly transition to a [spoiler-free] discussion of Star Wars Episode 9: The Rise of Skywalker, the Mandalorian, whether actors/actresses will be replaced by CGI, and other festive topics.

Finally, we wrap things up with how much (or how little) we’re working over the holidays, and favorite gifts we’re excited to be giving this year!
Eggnog History

George Washington's eggnog recipe

Michael's 2019 eggnog

The Best Eggnog Ever

Jonathan Secret Eggnog recipe

Wilt Chamberlain Had a Lot of Sex

Star Wars The Rise of Skywalker NON-SPOILER REVIEW

Alita: Battle Angel | Behind the Scenes

Giving CG Characters Some Bite

The Mandalorian

Ugly People Wanted for Lord of the Rings series

The Pagan Roots of Christmas

Star Wars Pajamas

Tropical Christmas

Asia's deadly secret: The scourge of the betel nut
...more
59min
December 09, 2019Handling Developer Burnout
On this episode, we have a roundtable discussion on developer burnout spearheaded by Ben Parizek of Barrrel Strength Design, along with our guest Ben Croker of PutYourLightsOn.

We talk about all of our personal experiences with developer burnout, in terms of what it feels like, what and whom it impacts, and also how to deal with it.

We center the talk around Ben’s struggle with his own burnout, but then discover that every single one of us has felt it to one degree or another. And so we also talk about ways to cope, and strategies for avoiding or mitigating developer burnout.

Apologies for the dog in the background… Aya is a disservice dog. It’s better to burn out than fade away…
Burn-out an "occupational phenomenon"

Burnout and renewal

Burnout: Our Civilization’s Disease

Unfu*k Yourself

Office Space

Damn it feels good to be a ganster

Getting Things Done

How to “Get Action” Like Theodore Roosevelt

Is Beaver Butt Really Used To Flavor Your Dessert?
...more
1h
November 25, 2019Exploring Data Visualization with d3.js
On this episode, we talk with Amelia Wattenberger, a frontend & UX developer at Parse.ly about data visualization aka dataviz.

We discuss the origins of dataviz, and how it can be used to tell a narrative with the immediacy and visceral connection that can be difficult to do with other mediums.

We discuss Amelia’s personal approach to dataviz, and discuss the d3.js library at length. d3.js is a broad library of modules that you can use as a dataviz construction kit, and we discuss how to get starting doing just that!
d3.js Data-Driven Documents

Mike Bostock, creator of D3.js

Amelia Wattenberger

Fullstack D3 & Data Visualization book

Debate Games dataviz

React Repo dataviz

How to Learn d3.js dataviz

Why I no longer use D3.js

Thinking in React Hooks dataviz

Death by Water Bill Gates infographic

Bedbug Outbreaks, Metro NYC

Aoex Charts

Vega – A Visualization Grammar

Webperf plugin

webpack-bundle-analyzer

How Family IncomePredicts Children’s College Chances

Factfulness: Ten Reasons We're Wrong About the World

The Pudding

Everything You Need to Know About Fish Pedicures
...more
53min
November 11, 2019Making an Insanely Good Author Experience (AX)
On this episode we talk with Katie Fritz from Foster Commerce about what it takes to have an awesome Author Experience (AX).

There’s plenty of talk about User Experience (UX) & Developer Experience (DX) but with many content-heavy websites, the content Author Experience (AX) can be of paramount importance.

We go from high level philosophical approaches to Author experience, down to practical things you can do to ensure the Author experience you create is great! We even talk about developer responsibility to content authors, so tune in!
Craft 3 plugins for better author experience

Foster Commerce

The experience alphabet: AX comes before UX

Prioritizing Author Experience

Architecting a Content Website

Crafting for the Author: 7 Principles for Improving Author Experience

Don't Make Me Think

Karen McGrane - Adapting Ourselves to Adaptive Content

Training the CMS

Content Strategy for the Web

Kobe Beef
...more
1h
November 04, 2019How, when, and why to use the JAMstack
In this episode, we have a roundtable discussion with a variety of experienced web developers who are at different stages of using the JAMstack, from not at all, to exploring/experimenting, to using to deliver client projects to production.

We’re joined by Will Browar & Marc Hartwig from Dixon Schwabl, Jake Dohm from Good Work, and Shawn “swyx” Wang from Netlify to have a really in-depth discussion on the how’s, when’s, and why’s of JAMstack.

If you’re not using JAMstack, or are just curiously peeking over the fence to check out the neighbor’s car… this is the podcast for you! We go into the cold hard realities of what it means to adopt this relatively new way of doing things.
JAMstack

Comparing JAMstack to LAMP

A Journey From Twig to Gatsby

Netlify

AWS Amplify

Zeit

Very Good Security Add-on: Collect Data Securely

Gatsby

Gridsome

Hugo

Jekyll

Eleventy

Nuxt.js

Next.js

Emotion

Tailwind CSS

Github repo for the devMode.fm Website
...more
1h 41min
October 28, 2019JAMstack & Serverless with Netlify
On this episode, we talk to Shawn “swyx” Wang from Netlify about the JAMstack & Serverless revolution in frontend development.

We discuss what exactly Netlify is, and how you can leverage the Edge, Build, and Dev aspect of it to make your development process more enjoyable.

We talk about the challenges of maintaining Author Experience (AX) in the age of static site generators, using Live Preview functions in a CMS or service to help out.

We also talk about how JavaScript edge workers will gain sentience as Skynet, and the AI language model that was so dangerous they couldn’t release it.
Netlify

JAMstack

Git-Centric Workflow: The One API to Rule Them All

Comparing JAMstack to LAMP

Gatsby

Gridsome

Hugo

Jekyll

Eleventy

Static Svelte: JavaScript Blogging with 93% less JavaScript

The Elon Musk Post Series

Bringing JAMStack to the Enterprise

Setting Up Your Own Image Transform Service

Better Language Models and Their Implications

Talk to Transformer

This Beauty Contest Is for Camels
...more
1h

FAQs about devMode.fm:

How many episodes does devMode.fm have?

The podcast currently has 134 episodes available.