Weekly Digest 12/2021
Tags: css, javascript, reactnative, performance
Published: 2021-03-28 18:44:31

Welcome to my Weekly Digest #12 which is the last one for March.

This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, and designs I consumed during this week.

## Interesting articles to read

### Scripting with GitHub CLI

To celebrate one year since launching CLI, we're sharing some ways you can customize and build on top of the `gh` command.

[Scripting with GitHub CLI - The GitHub Blog](https://github.blog/2021-03-11-scripting-with-github-cli/)

### New ES2021 features you may have missed

Discover the five new ECMAScript (JavaScript)feature proposals that have an anticipated release date for mid-2021.

[New ES2021 features you may have missed - LogRocket Blog](https://blog.logrocket.com/new-es2021-features-you-may-have-missed/)

### Not Your Typical Horizontal Rules

The HTML `<hr>` element adds a horizontal rule (or line) wherever you place it. A horizontal rule is used to provide a visual break and divide content. Like other HTML elements, horizontal rules can be styled using CSS (and SVG).

[Not Your Typical Horizontal Rules](https://www.sarasoueidan.com/blog/horizontal-rules/)

### How to Improve CSS Performance

Learn the most common speed issues caused by CSS and how to avoid them.

[How to Improve CSS Performance | Calibre](https://calibreapp.com/blog/css-performance)

---

## Some great videos I watched this week

### Apple Bedtime - “Can it be done in React Native?

{% youtube Ek1RAFAFqdA %}

by [William Candillon](https://twitter.com/wcandillon)

### The Science of Unit Tests

Unit testing has emerged as one of the foundations of modern software development. There are plenty of good talks on how to write tests, full of good advice, guidelines, and procedures: "Test using only the public interface", "Use Test-Driven Development", "Write Behavior-Driven Tests".

{% youtube xWchfTWh2Ts %}

### Linked Lists vs Arrays, When They Suck, and When They Don't

In this video we talk a bit more about data structures and optimizations, specifically we'll get into linked lists vs arrays, how to do common operations on them, and what happens to the underlying memory.

{% youtube 34ky600VTN0 %}

by [SimonDev](https://twitter.com/iced_coffee_dev)

### Post-Modern CSS

CSS has changed. It’s moving away from the mired mess of its origin and toward a bright future of interesting layout and easy design. If you’ve been focused on other important skills in the past 5 years, you’ve missed out on a lot of new, helpful techniques, including Flexbox and CSS Grid Layout.

{% youtube 9RvGlN-PMB8 %}

by Bryan Robinson

### What's the meaning of underscores in Python variable names?

Leading underscores in Python variable names protect developers from naming conflicts. In this video you'll learn how to work with these Pythonic coding conventions and why they exist.

[https://www.youtube.com/watch?v=ALZmCy2u0jQ](https://www.youtube.com/watch?v=ALZmCy2u0jQ)

by [Real Python](https://twitter.com/realpython)

---

## Useful GitHub repositories

### Emoji Mart

Emoji Mart ****is a Slack-like customizable emoji picker component for React

{% github missive/emoji-mart %}

### CodeTour

VS Code extension that allows you to record and playback guided tours of codebases, directly within the editor.

{% github microsoft/codetour %}

---

## dribbble shots

### Playme Podcasts App

![https://cdn.dribbble.com/users/2281714/screenshots/15364137/media/49403eac811d5b273333b5635cdffa4c.png](https://cdn.dribbble.com/users/2281714/screenshots/15364137/media/49403eac811d5b273333b5635cdffa4c.png)

by [Nadya Lazurenko](https://dribbble.com/shots/15364137-Playme-Podcasts-App)

### Foodservice Industry Platform

![https://cdn.dribbble.com/users/5031392/screenshots/15366111/media/6d89a0486035e0bcfd026a0b5ce27363.png](https://cdn.dribbble.com/users/5031392/screenshots/15366111/media/6d89a0486035e0bcfd026a0b5ce27363.png)

by [Purrweb UI](https://dribbble.com/shots/15366111-Foodservice-Industry-Platform)

### Iconic.app

![https://cdn.dribbble.com/users/2504/screenshots/15366452/media/a6146ccee7c777223a269c3bb1bfe102.jpg](https://cdn.dribbble.com/users/2504/screenshots/15366452/media/a6146ccee7c777223a269c3bb1bfe102.jpg)

by [Orman Clark](https://dribbble.com/shots/15366452-Iconic-app)

### H&M APP New Look

![https://cdn.dribbble.com/users/1607758/screenshots/15370785/diagonal_16_screens__1600x1200__dribbble__iphone12_.png](https://cdn.dribbble.com/users/1607758/screenshots/15370785/diagonal_16_screens__1600x1200__dribbble__iphone12_.png)

by [Basit A. khan](https://dribbble.com/shots/15370785-H-M-APP-New-Look)

---

## Tweets

{% twitter 1374632081255501824 %}

{% twitter 1374499450710757391 %}

{% twitter 1375118446900482051 %}

{% twitter 1375419967718449155 %}

---

## Picked Pens

### 3D CSS Plane

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

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

### 50 Shades of Hue

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

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

---

Talk to you next week and stay safe! 👋