Weekly Digest 22/2022
Tags: webdev, javascript, react, css
Published: 2022-06-05 15:17:03

Welcome to my Weekly Digest #22.

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

### Don’t Sink Your Website With Third Parties

In this article, Ken Harker explains what third-party resource requests really are and which common optimization strategies can help reduce the impact on the user experience.

[Don't Sink Your Website With Third Parties - Smashing Magazine](https://www.smashingmagazine.com/2022/06/dont-sink-website-third-parties/)

### Event-Driven Architecture. Part 1: Pros and cons with examples

In this multipart series, we will go step by step in creating a simple event-driven system. In Part 1 we compare this approach with a classic point-to-point communication and look at the advantages and disadvantages of both.

[Event-Driven Architecture. Part 1: Pros and cons with examples](https://danoncoding.com/event-driven-architecture-part-1-pros-and-cons-with-examples-a2e5161fbcbd)

---

## Some great videos I watched this week

### Chrome 102 - What’s New in DevTools

New Performance insights panel, shortcuts to emulate light/dark themes, and more.

{% youtube 0V_ph7PA_aw %}

by [Google Chrome Developers](https://twitter.com/ChromiumDev)

### Functional programming with 'compose’

{% youtube D1a8OoBWi1g %}

by [Matt Pocock](https://twitter.com/mattpocockuk)

### Using `extends` to constrain generics

{% youtube xZ8BBBdMwQI %}

by [Matt Pocock](https://twitter.com/mattpocockuk)

### When To Fetch: Remixing React Router

We've learned that fetching in components is the quickest way to the worst UX. But it's not just the UX that suffers, the developer experience of fetching in components creates a lot of incidental complexity too

{% youtube 95B8mnhzoCM %}

by [Ryan Florence](https://twitter.com/ryanflorence)

---

## Useful GitHub repositories

### AutoAnimate

A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.

{% github formkit/auto-animate %}

### Videogrep

Videogrep is a command-line tool that searches through dialog in video files and makes supercuts based on what it finds.

{% github antiboredom/videogrep %}

---

## dribbble shots

### Simple Food Delivery App Concept

![by [Giorgi](https://dribbble.com/shots/18409200-Simple-Food-Delivery-App-Concept)](https://cdn.dribbble.com/userupload/2812287/file/original-3066a678febbde1cfa682bcf81e7816b.png)

by [Giorgi](https://dribbble.com/shots/18409200-Simple-Food-Delivery-App-Concept)

### Travel App

![by [App Ninja](https://dribbble.com/shots/18403432-Travel-App)](https://cdn.dribbble.com/userupload/2810306/file/original-ed57a1b40d3061aa4da2eeb4c8a6897c.png)

by [App Ninja](https://dribbble.com/shots/18403432-Travel-App)

### Restaurant Waiter App

![by [Alexandr V](https://dribbble.com/shots/18389053-Restaurant-Waiter-App)](https://cdn.dribbble.com/userupload/2801619/file/original-d2ab432fd53d62ef573e9e428efc6370.png)

by [Alexandr V](https://dribbble.com/shots/18389053-Restaurant-Waiter-App)

---

## Tweets

{% twitter 1530566567959863304 %}

{% twitter 1532026886359879681 %}

{% twitter 1532360495780401154 %}

---

## Picked Pens

### Pure CSS/SVG Tic Tac Toe

{% codepen https://codepen.io/jh3y/pen/KKNwpzN %}

by [Jhey](https://twitter.com/jh3yy)

### Pure CSS Animated Image Zoom

{% codepen https://codepen.io/jh3y/pen/QWQrVwj %}

by [Jhey](https://twitter.com/jh3yy)

---

## Podcasts worth listening

### Syntax – **Cache Control Headers Explained**

In this Hasty Treat, Scott and Wes answer a question about caching, cache control headers, an explanation of the fields for caching.

{% spotify spotify:episode:5evsrN8PM7TWFKTyLhfNOM %}

### Smashing Podcast – **Why does accessibility matter?**

We ask why accessibility really matters, and why is it so important to get it right? Smashing’s Vitaly Friedman talks in depth to Sara Soueidan to find out.

{% spotify spotify:episode:3Cpu4oT7twQNIcnil0cFqt %}

---

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