Dave Bitter

Google Developer Expert Web & Developer Advocate

Dave is a Google Developer Export for Web, Front-end developer and Developer advocate with a background in both development and design. He has a rich experience in creating state of the art human-centred web applications. As a Developer Advocate, he’s continuously on the hunt to learn new techniques, tools and possibilities. He revels in sharing the wonderful world of the web with fellow developers. He gets to enjoy his passion every day as a Developer Advocate & Front-end developer and is excited about what the future will bring!

Articles by Dave Bitter

IndexedDB > Web Storage

Explore the advantages of IndexedDB over the Web Storage API as a more efficient and sophisticated alternative for storing structured data on the client, eliminating the need for repetitive JSON parsing and stringifying operations.

Published on: July 20, 2023

frontend javascript

How to make your GitHub profile stand out

In this article, we will look at how you can make your GitHub profile stand out from the crowd.

Published on: May 4, 2023

github

Inversion of Control through Compound Components

Learn how to keep your component libraries simple, easy to use, and adaptable to many use cases by leveraging Inversion of Control through Compound Components.

Published on: April 26, 2023

frontend react javascript

The View Transitions API: Enhancing the feel of the web

The View Transitions API has landed in Chrome. Let’s have a look at how the API works and why it will change the feel of the web.

Published on: April 11, 2023

frontend

The File System Access API: Unlocking New Possibilities for Web Developers

An incredibly powerful API exists to access the local file system of a user. Let’s have a look at how this works and why this could be interesting for your next project.

Published on: February 3, 2023

frontend web-capabilities project-fugu

I want to React.use() this!

A big part of working with React.js is fetching data and displaying the results. Let’s see how the new React.use() hook can can help you!

Published on: November 22, 2022

react frontend

You need CSS Cascade Layers

Let’s have a look at how you can better structure your CSS layers with CSS Cascade Layers!

Published on: November 15, 2022

frontend css

Developers are not Trusted Types!

Even with our best intentions as developers, we all make mistakes. XSS being one of the most common web vulnerabilities on the web proves that we need to better defend ourselves and our users against this. Let’s see how Trusted Types can help us!

Published on: October 20, 2022

frontend security react

How to use matchMedia to create a performant custom viewport hook

Unfortunately, sometimes you need to write viewport-based logic in your JavaScript code. Usually, this is done with a listener on the window for a resize. Let’s look at a better way.

Published on: September 16, 2022

frontend react

How do I setup CI/CD & hosting?

How to build a component library Part 4: Setting up CI/CD & hosting.

Published on: September 7, 2022

frontend

How do I set up linting, unit, snapshot and visual regression testing?

How to build a component library Part 3: Setting up linting, unit, snapshot and visual regression testing.

Published on: August 31, 2022

frontend

How do I pick a front-end framework & showcase it with Storybook?

How to build a component library Part 2: Picking a front-end framework and setting up Storybook.

Published on: August 24, 2022

frontend

How do I set up a Monorepo, SemVer strategy and Private package registry?

How to build a component library Part 1: Setting up a Monorepo, Semver strategy and Private package registry.

Published on: August 17, 2022

frontend

Smart cropping with native browser Face Detection

Many online services will help you with cropping an image while keeping face(s) in view. We can however do this just using an (experimental) browser native API. Let’s build it!

Published on: June 29, 2022

frontend

The infinite legacy cycle in front-end

Projects often become legacy in a incredibly short time. I have spoken to people in technology with a variety of skills, experience and roles. Time to find out how they think about this, what tips they have to prevent these issues and more.

Published on: June 8, 2022

frontend

First look at Remix

There has been a lot of buzz around the open-source release of Remix. I took a first look by following the deep-dive tutorial and this is what I found.

Published on: December 8, 2021

frontend react remix

Talks by Dave Bitter

Dynamically generate Open Graph images using Next.js Serverless

We all know how you can add an OG image to your website. But did you know it is quite easy to generate custom, freshly designed and stateful images which make you stand out from the crowd?
Read more
frontend
serverless
Open-Graph
Next.js
react.js
The File System Access API: Unlocking New Possibilities for Web Developers

Are you ready to level up your web development skills? Project Fugu is here to help! Join me at my talk to discover the power of the File System Access API, a game-changing feature that allows web applications to access local files like native apps. Imagine the possibilities of creating powerful web applications that can access and manipulate local files like never before. Don't miss out on this opportunity to learn how to leverage this powerful feature and create cutting-edge web apps that help users worldwide. See you there!
Read more
frontend
web-capabilities
Inversion of Control through Compound Components

If you're interested in learning about Inversion of Control through Compound Components in software design, then this talk is perfect for you! By using React.js as an example, Dave will show you how to create scalable and maintainable components (for design systems) that cater to various requirements the developers who use them have. Additionally, he'll discuss the challenges of building components that meet the needs of many developers and demonstrate how this technique can help you build sustainable components that stand the test of time. Throughout the talk, you'll gain practical advice and real-world examples for implementing Inversion of Control and Compound Components in your own projects, as well as a better understanding of how these concepts can benefit building better software.
Read more
frontend
software-patterns
react.js
Remix party, you're invited!

Remix is a great framework to build robust, progressively enhanced and interactive web apps! Dave will take you on a fun journey on how he created a multi-user and real-time progressive web app. But be aware, there is a guest list and not every solution is invited to join the party!
Read more
frontend
Video
youtube
Slides
slide-deck

Dave Bitter

Articles by Dave Bitter

IndexedDB > Web Storage

Explore the advantages of IndexedDB over the Web Storage API as a more efficient and sophisticated alternative for storing structured data on the client, eliminating the need for repetitive JSON parsing and stringifying operations.

How to make your GitHub profile stand out

In this article, we will look at how you can make your GitHub profile stand out from the crowd.

Inversion of Control through Compound Components

Learn how to keep your component libraries simple, easy to use, and adaptable to many use cases by leveraging Inversion of Control through Compound Components.

The View Transitions API: Enhancing the feel of the web

The View Transitions API has landed in Chrome. Let’s have a look at how the API works and why it will change the feel of the web.

The File System Access API: Unlocking New Possibilities for Web Developers

An incredibly powerful API exists to access the local file system of a user. Let’s have a look at how this works and why this could be interesting for your next project.

I want to React.use() this!

A big part of working with React.js is fetching data and displaying the results. Let’s see how the new React.use() hook can can help you!

You need CSS Cascade Layers

Let’s have a look at how you can better structure your CSS layers with CSS Cascade Layers!

Developers are not Trusted Types!

Even with our best intentions as developers, we all make mistakes. XSS being one of the most common web vulnerabilities on the web proves that we need to better defend ourselves and our users against this. Let’s see how Trusted Types can help us!

How to use matchMedia to create a performant custom viewport hook

Unfortunately, sometimes you need to write viewport-based logic in your JavaScript code. Usually, this is done with a listener on the window for a resize. Let’s look at a better way.

How do I setup CI/CD & hosting?

How to build a component library Part 4: Setting up CI/CD & hosting.

How do I set up linting, unit, snapshot and visual regression testing?

How to build a component library Part 3: Setting up linting, unit, snapshot and visual regression testing.

How do I pick a front-end framework & showcase it with Storybook?

How to build a component library Part 2: Picking a front-end framework and setting up Storybook.

How do I set up a Monorepo, SemVer strategy and Private package registry?

How to build a component library Part 1: Setting up a Monorepo, Semver strategy and Private package registry.

Smart cropping with native browser Face Detection

Many online services will help you with cropping an image while keeping face(s) in view. We can however do this just using an (experimental) browser native API. Let’s build it!

The infinite legacy cycle in front-end

Projects often become legacy in a incredibly short time. I have spoken to people in technology with a variety of skills, experience and roles. Time to find out how they think about this, what tips they have to prevent these issues and more.

First look at Remix

There has been a lot of buzz around the open-source release of Remix. I took a first look by following the deep-dive tutorial and this is what I found.

Talks by Dave Bitter

Dynamically generate Open Graph images using Next.js Serverless

The File System Access API: Unlocking New Possibilities for Web Developers

Inversion of Control through Compound Components

Remix party, you're invited!