Weekly Digest 18/2022
Tags: javascript, webdev, react, weeklyretro
Published: 2022-05-08 16:30:21

Welcome to my Weekly Digest #18 of this year.

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

### Roboto … But Make It Flex

Google’s most popular font gets customizable with the launch of Roboto Flex

[Roboto Flex now on Google Fonts - Material Design](https://material.io/blog/roboto-flex)

### Learn CSS Subgrid

A deep-dive into the new CSS subgrid feature with real-life examples and use-cases.

[Learn CSS Subgrid - Ahmad Shadeed](https://ishadeed.com/article/learn-css-subgrid/)

### Why I don't miss React: a story about using the platform

[https://www.jackfranklin.co.uk/blog/working-with-react-and-the-web-platform/](https://www.jackfranklin.co.uk/blog/working-with-react-and-the-web-platform/)

---

## Some great videos I watched this week

### TypeScript tips and Tricks with Matt

Special guest and TypeScript guru Matt Pocock joins the stream to teach you the ways of the TypeScript ninja.

{% youtube hBk4nV7q6-w %}

by [Visual Studio Code](https://twitter.com/code)

### How To Create Your Own Implementation Of JavaScript Promises

One of the most common types of interview questions is to recreate a common feature in JavaScript. This may be as simple as recreating some higher-order array methods or as complex as creating an entire promise library from scratch.

{% youtube 1l4wHWQCCIc %}

by [Web Dev Simplified](https://twitter.com/DevSimplified)

### 100+ Computer Science Concepts Explained

Learn the fundamentals of Computer Science with a quick breakdown of jargon that every software engineer should know. Over 100 technical concepts from the CS curriculum are explained to provide a foundation for programmers.

{% youtube -uleG_Vecis %}

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

### Convert Markdown & CMS Content Into Type-Safe JSON

Contentlayer is an SDK that transforms content from any source (including Markdown) into type-safe JSON. Johannes Schickling will teach us how it works and how we can use it in our own projects.

{% youtube uc2dqzNbjvQ %}

by [Jason Lengstorf](https://twitter.com/jlengstorf)

---

## Useful GitHub repositories

### WebPageTest GitHub Action

Automatically test code changes in WebPageTest and enforce performance budgets

{% github WPO-Foundation/webpagetest-github-action %}

---

## dribbble shots

### Bettermotion Project

![by [Arman Rokni](https://dribbble.com/shots/18151754-Bettermotion-Project)](https://cdn.dribbble.com/userupload/2666368/file/original-88f8c9e36ed57e9d9c09f19f8e6cf28d.png)

by [Arman Rokni](https://dribbble.com/shots/18151754-Bettermotion-Project)

### Food Delivery Mobile App UI

![by [Shahriar Sultan](https://dribbble.com/shots/18185569-Food-Delivery-Mobile-App-UI)](https://cdn.dribbble.com/users/3082905/screenshots/18185569/media/1328c8435d7856fb8136507d6f5d3a9e.png)

by [Shahriar Sultan](https://dribbble.com/shots/18185569-Food-Delivery-Mobile-App-UI)

### E-Wallet App

![by [Md. Rakibul Hasan](https://dribbble.com/shots/18189441-E-Wallet-App)](https://cdn.dribbble.com/users/5352533/screenshots/18189441/media/e27863cb15d4eeed52f3d00b0dce9463.png)

by [Md. Rakibul Hasan](https://dribbble.com/shots/18189441-E-Wallet-App)

---

## Tweets

{% twitter 1521304112738217984 %}

{% twitter 1521422906240430080 %}

{% twitter 1521866293338685441 %}

{% twitter 1521906627145777155 %}

{% twitter 1522543449198706690 %}

---

## Picked Pens

### Draggable LightSaber

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

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

### CSS-Only Pokémon Quest Icon Sorter

{% codepen https://codepen.io/gabriellewee/pen/KKQwydY %}

by Gabrielle Wee

### Robot Vacuum Simulator 5000

{% codepen https://codepen.io/kitjenson/pen/gOGvQxQ %}

by [Kit Jenson](https://twitter.com/kitjenson)

### Bump - Agressive Toggle

{% codepen https://codepen.io/yexx/pen/yLvyxWP %}

by Yeshua Emanuel Braz

---

## Podcasts worth listening

### Syntax – **WTF is the Edge? Edge Compute / Functions**

In this episode of Syntax, Wes and Scott talk about what edge functions are, the upsides and downsides of edge functions, and what they're used for.

{% spotify spotify:episode:2bxDDdy8qS4UkHm8RLAgFy %}

---

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