Weekly Digest 08/2022
Tags: css, javascript, webdev, programming
Published: 2022-02-27 17:16:26

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

### ****Explain the First 10 Lines of Twitter’s Source Code to Me****

A question Anand always likes to ask when interviewing a front-end candidate is: "Explain the first ten or so lines of the Twitter source code to me.”

[Explain the First 10 Lines of Twitter's Source Code to Me | CSS-Tricks](https://css-tricks.com/explain-the-first-10-lines-of-twitter-source-code/)

### ****A few methods to check if all values in the JavaScript array are the same****

There are many solutions to the same problem in programming, and that’s one of my favourite things about it. Checking if all the items in an array are the same is an interesting exercise, so let’s look at a few options.

[A few methods to check if all values in the JavaScript array are the same | pawelgrzybek.com](https://pawelgrzybek.com/a-few-methods-to-check-if-all-values-in-the-javascript-array-are-the-same/)

### **Testing Pipeline 101 For Frontend Testing**

Automated testing can give you much confidence in merging your changes, especially in extensive refactoring or working with your teammates. As a result, you might have thought about including testing as part of your build routine to get the most value out of it. Don’t know where to start?

[Testing Pipeline 101 For Frontend Testing - Smashing Magazine](https://www.smashingmagazine.com/2022/02/testing-pipeline-101-frontend-testing/)

---

## Some great videos I watched this week

### **Create the Coinbase QR Code Commercial in React**

Let's recreate the Coinbase commercial with bouncing and color-changing QR code.

{% youtube Zjnn4twRtXU %}

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

### **Clean Up Your Explorer With File Nesting**

{% youtube WgUftBzky1U %}

by [LevelUpTuts](https://twitter.com/leveluptuts)

### **Vite in 100 Seconds**

Vite is a JavaScript build tool that makes it faster and easier to build web applications. It's similar to tools like Webpack but relies on modern browser features like ES Modules to simplify and speed up the build process.

{% youtube KCrXgy8qtjM %}

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

---

## Useful GitHub repositories

### Sourcegraph

[Sourcegraph](https://about.sourcegraph.com/) is a fast and featureful code search and navigation engine.

{% github sourcegraph/sourcegraph %}

### Release Drafter

Drafts your next release notes as pull requests are merged into master. Built with [Probot](https://github.com/probot/probot).

{% github release-drafter/release-drafter %}

---

## dribbble shots

### Travel Mobile App

![by [Andri.](https://dribbble.com/shots/17599757-Travel-Mobile-App)](https://cdn.dribbble.com/users/4684322/screenshots/17599757/media/d9537442b5bd370a049213b7f6466e99.png)

by [Andri.](https://dribbble.com/shots/17599757-Travel-Mobile-App)

### Expense & Income Manager

![by [Irvan Moses](https://dribbble.com/shots/17599465-Expense-Income-Manager)](https://cdn.dribbble.com/users/5048254/screenshots/17599465/media/e2f1c6d52a0d8c8dd410b8136dc6ab16.png)

by [Irvan Moses](https://dribbble.com/shots/17599465-Expense-Income-Manager)

### ****Ticket UI for Natural Desktop****

![by [Gleb Kuznetsov](https://dribbble.com/shots/17574435-Ticket-UI-for-Natural-Desktop)](https://cdn.dribbble.com/users/32512/screenshots/17574435/media/213c56c76814e50191507ca634bb1720.png)

by [Gleb Kuznetsov](https://dribbble.com/shots/17574435-Ticket-UI-for-Natural-Desktop)

---

## Tweets

{% twitter 1495703279703293952 %}

{% twitter 1497475857379733504 %}

---

## Picked Pens

### Stroke Logo Animation

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

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

### Domino Clock

{% codepen https://codepen.io/MarkBoots/pen/bGYxGgO %}

by [Mark Boots](https://twitter.com/markboots)

---

## Podcasts worth listening

### Syntax – **JavaScript in 2022 - New, Coming and Proposed Features**

In this Hasty Treat, Scott and Wes talk about new proposed features coming to JavaScript in 2022.

{% spotify spotify:episode:1BJrXgzE2KgIAbG8gWfQUU %}

### CodePen Radio – ****Amit Sheen****

Chris got to talk with [Amit Sheen](https://codepen.io/amit_sheen/) this week about his journey into creative coding. Even his early work is incredibly interesting and recent work is downright stunning.

{% spotify spotify:episode:7i6IGSj1666lzb3XeZTp22 %}

---

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