Weekly Digest 43/2021
Tags: css, javascript, react, webdev
Published: 2021-10-31 18:22:33

Welcome to my Weekly Digest #43. Happy Halloween everyone 🎃

This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week.

---

## Interesting articles to read

### **Bringing teams together in Creative Cloud at Adobe MAX 2021**

At Adobe MAX 2021 we unveiled Creative Cloud Canvas & Spaces to help you collaborate better in Creative Cloud. We’re also extending Photoshop & Illustrator to the web.

[Creative Cloud Canvas, Spaces & More Announced at MAX 2021 | Adobe](https://blog.adobe.com/en/publish/2021/10/26/creative-cloud-canvas-spaces-ps-ai-in-browser)

### Get a catch block error message with TypeScript

TypeScript forces you to acknowledge you can't know what was thrown making getting the error message a pain. Here's how you can manage it.

[Get a catch block error message with TypeScript](https://kentcdodds.com/blog/get-a-catch-block-error-message-with-typescript)

### **Merge Conflicts: What They Are and How to Deal with Them**

Merge conflicts… Nobody likes them. Some of us even fear them. But they are a fact of life when you’re working with Git, especially when you’re teaming up with other developers.

[Merge Conflicts: What They Are and How to Deal with Them​](https://css-tricks.com/merge-conflicts-what-they-are-and-how-to-deal-with-them/)

---

## Some great videos I watched this week

### Details Elements Obviously Need a Pizza Arrow

If you make a `summary` of a `details` anything other than the default `display: list-item;`, then you lose the default `::marker`.

{% youtube Bzhm8vJuB9A %}

by [Chris Coyier](https://twitter.com/chriscoyier)

### Next.js 12 is a Beast

Your first look at Next.js version 12. It's packed with awesome new features, like a rust compiler, middleware, concurrent mode, server components, and more.

{% youtube lRQ5z7i7pxE %}

by [Fireship](https://twitter.com/fireship_dev)

### Universe 2021 Keynote

CEO Nat Friedman will introduce a demo-packed session highlighting the latest feature updates. You'll hear directly from the Hubbers who helped build them and learn how we successfully use GitHub at GitHub to build GitHub on GitHub.

{% youtube etMvd9IKPH4 %}

by [GitHub](https://twitter.com/github)

### Make Money from your API Tutorial

Learn how to collect payments from an API or SaaS product. In this tutorial, we build an Express.js API from scratch, then make money by integrating Stripe Metered Billing.

{% youtube MbqSMgMAzxU %}

by [Fireship](https://twitter.com/fireship_dev)

---

## Useful GitHub repositories

### Canvas Confetti

On-demand confetti gun

{% github catdad/canvas-confetti %}

### **wifi-password**

Get the password of the wifi you're on

{% github rauchg/wifi-password %}

### **Twind**

The smallest, fastest, most feature-complete Tailwind-in-JS solution in existence.

{% github tw-in-js/twind %}

---

## dribbble shots

### **Gamification components**

![https://cdn.dribbble.com/users/4477103/screenshots/16757682/media/c91d36b4f51e676727d168291c2b6506.png](https://cdn.dribbble.com/users/4477103/screenshots/16757682/media/c91d36b4f51e676727d168291c2b6506.png)

by [Iman Ghasemian](https://dribbble.com/shots/16757682-Gamification-components-Real-project)

### **Social Media Stats Dashboard**

![https://cdn.dribbble.com/users/2253180/screenshots/16755513/media/0c35066a04b6931e34a93470d54ecfe9.jpg](https://cdn.dribbble.com/users/2253180/screenshots/16755513/media/0c35066a04b6931e34a93470d54ecfe9.jpg)

by [AR Shakir](https://dribbble.com/shots/16755513-Social-Media-Stats-Dashboard)

### **Client Details**

![https://cdn.dribbble.com/users/1545170/screenshots/16762886/media/a076028243d870594981c2b61fc4e84b.jpg](https://cdn.dribbble.com/users/1545170/screenshots/16762886/media/a076028243d870594981c2b61fc4e84b.jpg)

by [Saikat Kumar](https://dribbble.com/shots/16762886-Client-Details)

### **Career & Experience Tracking Dashboard**

![https://cdn.dribbble.com/users/4423581/screenshots/16764315/media/608041f8a13f8a58e613e5fd7cea25f4.png](https://cdn.dribbble.com/users/4423581/screenshots/16764315/media/608041f8a13f8a58e613e5fd7cea25f4.png)

by [Rashedul Islam](https://dribbble.com/shots/16764315-Skillo-Career-Experience-Tracking-Dashboard)

---

## Tweets

{% twitter 1452638577653919744 %}

{% twitter 1453794889091588100 %}

{% twitter 1453832487067701252 %}

{% twitter 1453881632486662153 %}

{% twitter 1454435721826082822 %}

---

## Picked Pens

### Confetti Button

{% codepen https://codepen.io/marcobiedermann/pen/ExvvyLQ %}

by [Marco Biedermann](https://twitter.com/BiedermannMarco)

### Hamster

{% codepen https://codepen.io/jkantner/pen/wvqeXrQ %}

by [Jon Kantner](https://twitter.com/jonkantner)

---

## Podcasts worth listening

### Call with Kent – Protected route and redirect after payment

This is about protected route and 3rd party payment flow, ending in a re-direct back to my website. The user would need to re-login again. How to avoid that?

{% spotify spotify:episode:78LX9BeUfGjbTcexMcbaHu %}

### The Changelog – **Oh my! Zsh.**

Oh My Zsh — a delightful, open-source, community-driven framework for managing your Zshell configuration.

{% spotify spotify:episode:7hzZL9BdJ2nXmK7U9Cx18v %}

### CodePen Radio – **Apollo at CodePen**

Rachel and Chris chat about all things [Apollo](https://www.apollographql.com/) GraphQL. Apollo is in this weird category of software where like by far *most* websites do not need it or anything like it.

{% spotify spotify:episode:73F4DYU2zEwGEQLnwdHLnM %}

### Syntax – Horror Web Dev Stories

For episode 400, Scott and Wes talk about web dev horror stories - 2021 edition!

{% spotify spotify:episode:29jTPscr3zg5Ejne959kut %}

---

Thank you for reading, talk to you next week, and stay safe! 👋