Weekly Digest 39/2021
Tags: css, javascript, react, webdev
Published: 2021-10-03 17:11:44

Welcome to my Weekly Digest #39.

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

It's the time of the year again. [Hacktoberfest](https://hacktoberfest.digitalocean.com/) just started, so let's give something back to our wonderful open-source community. 🎃

---

## Interesting articles to read

### Partitioning GitHub’s relational databases to handle scale

More than 10 years ago, [GitHub.com](http://github.com/) started out like many other web applications of that time—built on Ruby on Rails, with a single MySQL database to store most of its data.

[Partitioning GitHub's relational databases to handle scale](https://github.blog/2021-09-27-partitioning-githubs-relational-databases-scale/)

### Documenting pull requests is as important as writing good code

Our approach to documenting PRs for our colleagues and our future selves.

[How and why we document Pull Requests](https://monzo.com/blog/2021/09/30/documenting-pull-requests-is-as-important-as-writing-good-code/)

### Let’s Dive Into Cypress For End-to-End Testing

Is end-to-end testing a painful topic for you? In this article, Ramona Schwering explains how to handle end-to-end testing with Cypress and make it make it not so tedious and expensive for yourself, but fun instead.

[Let's Dive Into Cypress For End-to-End Testing - Smashing Magazine](https://www.smashingmagazine.com/2021/09/cypress-end-to-end-testing/)

---

## Some great videos I watched this week

### Introduction to React Native Web

In this video we convert a scoreboard in React to use React Native Web, learn how to style our elements and some differences when collecting input, using buttons, and rendering lists.

{% youtube RXwwiZ3OWXE %}

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

### React Native in 100 Seconds

React Native allows developers to build cross-platform apps for iOS, Android, and the Web from a single JavaScript codebase. Get started building your first native mobile app with React Native

{% youtube gvkqT_Uoahw %}

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

### Liquid tab bar interaction

{% youtube 4NE1gwa8oOM %}

by [Ana Tudor](https://twitter.com/anatudor)

### Hello Worldin' Some Web Component Libraries

Sometimes you just gotta try the thing to get to know the thing a little bit. Chris had bookmarked one he saw called Tonic, so we muscled our way through that with a smidge of templating and state management, then did the same thing in Lit, then did it again in petite-vue.

{% youtube Y2drx-WHU8k %}

by [Chris Coyier](https://twitter.com/chriscoyier)

### Breakin' Up CSS Custom Properties

Why not take every major styling choice on a particular component and make it into a custom property? Then, when you need a variation, you can just change the custom property and not re-declare the entire ruleset. This has some nice advantages, like clearly presenting a menu of things-to-change and not needing to dig into subcomponents to re-style variations.

{% youtube 89WRYMPw-hE %}

by [Chris Coyier](https://twitter.com/chriscoyier)

---

## Useful GitHub repositories

### react-philosophies

Things I think about when I write React code

{% github mithi/react-philosophies %}

### Nord

An arctic, north-bluish color palette.

{% github arcticicestudio/nord %}

---

## dribbble shots

### DashApp landing

![https://cdn.dribbble.com/users/895215/screenshots/16545487/media/733dc9e0af9cc35350a2e3dc02e6ed32.png](https://cdn.dribbble.com/users/895215/screenshots/16545487/media/733dc9e0af9cc35350a2e3dc02e6ed32.png)

by [Valeria Rimkevich](https://dribbble.com/shots/16545487-DashApp-landing)

### Ae - NFT Marketplace Header

![https://cdn.dribbble.com/users/2685252/screenshots/16547697/media/e86496ac255745e0f1fa67cc630d478e.png](https://cdn.dribbble.com/users/2685252/screenshots/16547697/media/e86496ac255745e0f1fa67cc630d478e.png)

by [Syafrini Nabilla](https://dribbble.com/shots/16547697-Ae-NFT-Marketplace-Header)

### Flux - Expense Management UI Kit

![https://cdn.dribbble.com/users/2125046/screenshots/16548857/media/e9960b76fbab33635774063262218154.png](https://cdn.dribbble.com/users/2125046/screenshots/16548857/media/e9960b76fbab33635774063262218154.png)

by [Ofspace Digital Agency](https://dribbble.com/shots/16548857-Flux-Expense-Management-UI-Kit)

---

## Tweets

{% twitter 1442495944239435777 %}

{% twitter 1443031859663937541 %}

{% twitter 1443570300529086467 %}

{% twitter 1443572280924147717 %}

{% twitter 1443988884782784514 %}

{% twitter 1444195449095737346 %}

---

## Picked Pens

### Pikachu submit button

{% codepen https://codepen.io/codeanddream/pen/xxrmXaW %}

by [Mina](https://twitter.com/Codeanddream)

### FettePalette

{% codepen https://codepen.io/meodai/pen/JjJevLW %}

by [David A.](https://twitter.com/meodai/)

### Responsive CSS Powered Parallax

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

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

---

## Podcasts worth listening

### The Changelog – Fauna is rethinking the database

This week we’re talking with Evan Weaver about Fauna — the database for a new generation of applications.

{% spotify spotify:episode:2QTiFlNBc0sWllPTWqmwa0 %}

### Junior to Senior – Swizec Teller

Swizec and David talk about the key differences between Junior devs and senior devs, the concept of a 10x engineer, and different ways to gain experience quickly.

{% spotify spotify:episode:5w3rETeBNYoionQDwklaop %}

### Ladybug – What Is An API & How Do You Use One?

APIs are part of our daily roles as software developers, but what are they? What different types are there? And how can you design a good one?

{% spotify spotify:episode:4lgPs8gCzKQsCj1njkeJoa %}

### Software Engineering Daily – Git Scales for Monorepos

In a version control system, a Monorepo is a version control management strategy in which all your code is contained in one potentially large but complete repository.

{% spotify spotify:episode:6pyiy9xyQpYkif1ZtlIquX %}

### Syntax – Changelog Frontend Feud

In this episode of Syntax, Scott and Wes do a crossover episode with Changelog's JS Party!

{% spotify spotify:episode:0gRlUacBqpNng13HByVE9z %}

---

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