Weekly Digest 05/2022
Tags: javascript, webdev, css, news
Published: 2022-02-06 18:05:15

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

### **Measuring Gatsby projects build time using paid plans of popular static website hosting platforms**

Jamstack is showing rapid growth these days. We get more and more tools and frameworks for it almost every month, bringing a new life for the concept of static sites generation.

[Measuring Gatsby projects build time using paid plans of popular static website hosting platforms](https://dev.to/alex_barashkov/measuring-gatsby-projects-build-time-using-paid-plans-of-popular-static-website-hosting-platforms-47pp)

### ****Structuring your Storybook****

Best practices for organizing components and stories

[Structuring your Storybook](https://storybook.js.org/blog/structuring-your-storybook/)

### Circular array in JavaScript

Kitty has been having fun with [Advent of Code](https://adventofcode.com/)
 recently. A few of the problems required some more advanced data structures than what JavaScript natively provides, such as linked lists, double-ended queues and circular arrays.

[Circular array in JavaScript](https://kittygiraudel.com/2022/02/01/circular-array-in-js/)

---

## Some great videos I watched this week

### **Map vs Object in JavaScript**

Want to learn some practical differences with how you interact with Maps and Objects in JavaScript?

{% youtube Z_2rpuPQmC0 %}

by [Leigh Halliday](https://twitter.com/leighchalliday)

### **New in Chrome 98: Per-element opt-out for auto-dark, COLRv1, and more!**

Chrome 98 is rolling out now! If you’ve signed up for the Auto Dark Theme Origin Trial, there’s a new way to opt out at a per element level. There’s now support for COLRv1, an evolution of the COLRv0 font format. And there’s plenty more.

{% youtube VLjOIiOt7Do %}

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

### **BIG new feature lands in Node.js**

The Fetch API has officially made its way into Node.js giving web developers a better default tool for making HTTP requests. Learn why this feature is a big deal and with it means for NPM packages like Axios.

{% youtube MBqS1kYzwTc %}

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

### **The mathematically optimal Wordle strategy**

An excuse to teach a lesson on information theory and entropy.

{% youtube v68zYyaEmEA %}

by [3Blue1Brown](https://twitter.com/3blue1brown)

---

## Useful GitHub repositories

### unimported

Find and fix dangling files and unused dependencies in your JavaScript projects.

{% github smeijer/unimported %}

### React Flow

Highly customizable library for building interactive node-based UIs, editors, flow charts and diagrams

{% github wbkd/react-flow %}

### n8n

Free and open fair-code licensed node based Workflow Automation Tool. Easily automate tasks across different services.

{% github n8n-io/n8n %}

---

## dribbble shots

### North Face Mobile

![by [Halo Mobile](https://dribbble.com/shots/17441096-North-Face-Mobile)](https://cdn.dribbble.com/users/26642/screenshots/17441096/media/26a4f96f02480722d58d2159001b2c56.png)

by [Halo Mobile](https://dribbble.com/shots/17441096-North-Face-Mobile)

### Real Estate Platform I Ofspace

![by [Ofspace LLC](https://dribbble.com/shots/17440275-Real-Estate-Platform-I-Ofspace)](https://cdn.dribbble.com/users/1392449/screenshots/17440275/media/31d82e1ee72bc17ff3e0d4d2b87ec27c.png)

by [Ofspace LLC](https://dribbble.com/shots/17440275-Real-Estate-Platform-I-Ofspace)

### Money Transfer app

![by [Giorgi Chikhladze](https://dribbble.com/shots/17441592-Money-Transfer-app)](https://cdn.dribbble.com/users/8915529/screenshots/17441592/media/67d65d110034c27a84a9a100d3c43c1a.png)

by [Giorgi Chikhladze](https://dribbble.com/shots/17441592-Money-Transfer-app)

---

## Tweets

{% twitter 1488471755194867715 %}

{% twitter 1489491830580264960 %}

{% twitter 1489421247381389312 %}

---

## Picked Pens

### Stripes

{% codepen https://codepen.io/tiffachoo/pen/vYWLYRR %}

by [tiffany choong](https://twitter.com/tiffachooo)

### CSS Geometric Blooming Flower

{% codepen https://codepen.io/ShadowShahriar/pen/vYWXKpK %}

by [S. Shahriar](https://twitter.com/ShadowShahriar)

---

## Podcasts worth listening

### Syntax Highlight

In this episode of Syntax, Scott and Wes review your portfolios and websites including some from Harryxli, Austin Baird, Jacks Portfolio, and more!

{% spotify spotify:episode:1X2tX9Iv8xwUtd2DXEJMaZ %}

### CodePen Radio

[Louis Hoebregts](https://codepen.io/Mamboleoo/) (aka [Mamboleoo](https://www.mamboleoo.be/)) has been creating wonderfully creative Pens on CodePen for many years. His early work, as we learn on this episode, was inspired by the CSS trickery of Lea Verou!

{% spotify spotify:episode:0UhgDw6C04FnANaC4mCAyd %}

---

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