Weekly Digest 50/2021
Tags: css, javascript, webdev, react
Published: 2021-12-19 20:23:09

Welcome to my Weekly Digest #50 and Happy Holidays everyone!

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

### HTTP compression

HTTP compression is an important part of the big web performance picture. We’ll cover the history, the current state, and the future of web compression.

[HTTP compression](https://calendar.perfplanet.com/2021/http-compression/)

### **How to write a binary search algorithm in JavaScript**

The binary search algorithm is a classic algorithm that lets us find an item in a *sorted* array in O(log n) time complexity. In this post, we’ll review how the algorithm works and learn how to implement it in Javascript.

[How to write a binary search algorithm in JavaScript](https://typeofnan.dev/how-to-write-a-binary-search-algorithm-in-javascript/)

### **React Conf 2021 Recap**

Last week we hosted our 6th React Conf. In previous years, we’ve used the React Conf stage to deliver industry-changing announcements such as *React Native* and *React Hooks*. This year, we shared our multi-platform vision for React, starting with the release of React 18 and the gradual adoption of concurrent features.

[React Conf 2021 Recap - React Blog](https://reactjs.org/blog/2021/12/17/react-conf-2021-recap.html)

---

## Some great videos I watched this week

### Monorepos - How the Pros Scale Huge Software Projects

Big companies, like Google & Facebook, store all their code in a single monolithic repository or monorepo… but why? Learn how to use tools like NPM or Yarn workspaces, Lerna, Nx, and Turborepo to scale your codebase

{% youtube 9iU_IE6vnJ8 %}

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

### Dark mode - Designing in the Browser

On this episode of Designing in the Browser, we’re going to take a look at dark mode with our host Una Kravets.

{% youtube xococe8wq_g %}

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

### Authoring colors with DevTools

Let’s take a look at some of the color features in DevTools.

{% youtube TuR27BxCRVk %}

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

---

## Useful GitHub repositories

### Tech Interview Cheat Sheet

Studying for a tech interview sucks. Here's an open-source cheat sheet to help

{% github TSiege/Tech-Interview-Cheat-Sheet %}

### React Native Skia

High-performance React Native Graphics using Skia

{% github Shopify/react-native-skia %}

---

## dribbble shots

### Ride Booking

![by [Raju Husen](https://dribbble.com/shots/17092583-Ride-Booking)](https://cdn.dribbble.com/users/4205502/screenshots/17092583/media/d17b997aa32387e8d48e5e7cd4b9a687.png)

by [Raju Husen](https://dribbble.com/shots/17092583-Ride-Booking)

### Lazy Daisy UI

![by [Halo Mobile](https://dribbble.com/shots/17090995-Lazy-Daisy-UI)](https://cdn.dribbble.com/users/26642/screenshots/17090995/media/6fd8c2f4200c2df1117c94b572dec575.png)

by [Halo Mobile](https://dribbble.com/shots/17090995-Lazy-Daisy-UI)

### Online Course Dashboard

![by [Nela Rosdiana](https://dribbble.com/shots/17087509-Ajarin-Online-Course-Dashboard)](https://cdn.dribbble.com/users/5963189/screenshots/17087509/media/77ede34aabbea5e38654cb70c6435c78.png)

by [Nela Rosdiana](https://dribbble.com/shots/17087509-Ajarin-Online-Course-Dashboard)

---

## Tweets

{% twitter 1470417701931728909 %}

{% twitter 1471216118236954630 %}

{% twitter 1471158826288226306 %}

{% twitter 1471743877916737537 %}

{% twitter 1471855546580049925 %}

---

## Picked Pens

### 3D Stopwatch

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

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

### Progress Clock

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

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

---

## Podcasts worth listening

### Syntax – How To Do Things In Svelte

In this Hasty Treat, Wes and Scott talk about how to do things in Svelte.

{% spotify spotify:episode:5ToWTCq4n54SAET5pJYVmR %}

### CodePen Radio – With Ben Evans

You might recognize [Ben Evans](https://codepen.io/ivorjetski) from his absolutely incredible CSS “paintings”, like the [portrait of his daughter](https://codepen.io/ivorjetski/pen/dBYWWZ) or the [still life](https://codepen.io/ivorjetski/pen/xMJoYO). Paintings aren’t the quiet word as Ben designs them all to be entirely scalable.

{% spotify spotify:episode:5AhpnyteZEq9lgfyboqAq7 %}

---

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