Weekly Digest 03/2022
Tags: css, javascript, webdev, news
Published: 2022-01-23 18:20:31

Welcome to my Weekly Digest #3 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

### ECMAScript proposal: grouping Arrays via `.groupBy()` and `.groupByToMap()`

This blog post describes the ECMAScript proposal [“Array grouping”](https://github.com/tc39/proposal-array-grouping) by Justin Ridgewell.

[ECMAScript proposal: grouping Arrays via `.groupBy()` and `.groupByToMap()`](https://2ality.com/2022/01/array-grouping.html)

### Folding the DOM

In this post, we'll explore a technique we can use to "fold" a DOM node, like folding a letter in real life. On that journey, we'll learn a lot about 3D transforms and CSS animation techniques!

[Folding the DOM](https://www.joshwcomeau.com/react/folding-the-dom/)

---

## Some great videos I watched this week

### Thinking on ways to solve a dark/light theme switch

In today's GUI Challenge, [@Adam Argyle](https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA) shares thinking on a way to build a theme switch component. Often a website will allow switching the theme to something other than the system preference and these are thoughts on how to achieve that user experience.

{% youtube kZiS1QStIWc %}

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

### Suspense and Error Boundaries in React 18

Learn how Suspense allows you to use Error Boundaries for network requests by turning asynchronous exceptions into render-time errors.

{% youtube h_vVsPwvcsg %}

by [Sam Selikoff](https://twitter.com/samselikoff)

---

## Useful GitHub repositories

### Architect

Build ultra-scalable database-backed web apps on AWS serverless infrastructure with full local, offline workflows, and more.

{% github architect/architect %}

### Flowbite

Build websites even faster with components on top of Tailwind CSS

{% github themesberg/flowbite %}

---

## dribbble shots

### HR Dashboard

![by [Afshin T2Y](https://dribbble.com/shots/17335594-HR-Dashboard)](https://cdn.dribbble.com/users/1619633/screenshots/17335594/media/eb9c7fb924f5ada2f134be955830eceb.png)

by [Afshin T2Y](https://dribbble.com/shots/17335594-HR-Dashboard)

### Medical service - Mobile App

![by [Anastasia](https://dribbble.com/shots/17316684-Medical-service-Mobile-App)](https://cdn.dribbble.com/users/4189231/screenshots/17316684/media/247b643be7f11451c14fecdda9926f59.png)

by [Anastasia](https://dribbble.com/shots/17316684-Medical-service-Mobile-App)

### Supbank Landing page design

![by [Basit A. khan](https://dribbble.com/shots/17291952-Supbank-Landing-page-design)](https://cdn.dribbble.com/users/1607758/screenshots/17291952/media/1afbfcca155ddeb6651400c6bc47323b.png)

by [Basit A. khan](https://dribbble.com/shots/17291952-Supbank-Landing-page-design)

---

## Tweets

{% twitter 1482448045891485700 %}

{% twitter 1483507347859378182 %}

{% twitter 1485024476974694400 %}

---

## Picked Pens

### Generative PhpStorm Loader

{% codepen https://codepen.io/anthony-dee/pen/NWaVgpz %}

by Anthony Douglas

### Sign Up / Login

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

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

### Illusion

{% codepen https://codepen.io/antoniasymeonidou/pen/ExwJdPd %}

by [NANOUU](https://twitter.com/NanouuSymeon)

---

## Podcasts worth listening

### CodePen Radio – **Moving to PostgreSQL from MySQL**

As you read this, CodePen is 100% on PostgreSQL for our main relational database. It was a transition that took a couple of weeks of pretty intense effort and lots of planning and prep before that.

{% spotify spotify:episode:0NoIUPFhIyqtdUgvuObDGv %}

### Syntax – New Year, New You. What to Focus on in 2022

In this episode of Syntax, Scott and Wes talk through what to focus on at beginner, intermediate, and advanced levels of coding skills.

{% spotify spotify:episode:14kmWWaZRIM1CzspbnU4xx %}

---

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