DEV Community

Cover image for Weekly Digest 39/2021
Marco Biedermann
Marco Biedermann

Posted on

Weekly Digest 39/2021

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 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 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

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

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


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.

by Leigh Halliday

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

by Fireship

Liquid tab bar interaction

by Ana Tudor

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.

by Chris Coyier

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.

by Chris Coyier


Useful GitHub repositories

react-philosophies

Things I think about when I write React code

GitHub logo mithi / react-philosophies

🧘 Things I think about when I write React code 🧘

react-philosophies

Epic React Exercises buy me coffee PRs welcome! Forever a work in progress!

If react-philosophies helped you in some way, consider buying me a few cups of coffee . This motivates me to create more React "stuff"! 🙂

Table of Contents

  1. Introduction
  2. The Bare Minimum
  3. Design for happiness
  4. Performance tips
  5. Testing principles
  6. Insights shared by others
The way this document is organized
It was actually difficult for me to separate my thoughts into the `design`, `performance`, and `testing`. I noticed that lot of designs intended for maintainability also make your application faster and easier to test. Apologies if the discussion appears to be cluttered at times
Thanks for all the PRs 🚜, coffee , recommended readings 📚, and sharing of ideas 💡 (View contributors)

💡 Comments, suggestions, violent reactions? I'd love to hear them!

If there's something that you think should be part of my reading list or/and if you have great ideas that you think…

Nord

An arctic, north-bluish color palette.

GitHub logo arcticicestudio / nord

An arctic, north-bluish color palette.

An arctic, north-bluish color palette.

A total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful ambiance.

Created for clear, uncluttered and elegant designs following a minimal and flat style pattern For syntax highlighting it aims to ensure an undisturbed focus on important parts of the code, a good readability and a quick visual distinction between the different syntax elements.

Nord consists of four named color palettes providing different syntactic meanings and color effects for dark & bright ambiance designs.

Nord Color Palette Overview

All colors are numbered from nord0 to nord15 where each palette contains a different amount of colors. The naming convention preserves the compatibility for terminal color schemes and allows an uncomplicated use as base for such.

Getting Started

Visit the official website to learn all about Nord's colors and palettes and how to install and integrate Nord in your own projects or use the color


dribbble shots

DashApp landing

https://cdn.dribbble.com/users/895215/screenshots/16545487/media/733dc9e0af9cc35350a2e3dc02e6ed32.png

by Valeria Rimkevich

Ae - NFT Marketplace Header

https://cdn.dribbble.com/users/2685252/screenshots/16547697/media/e86496ac255745e0f1fa67cc630d478e.png

by Syafrini Nabilla

Flux - Expense Management UI Kit

https://cdn.dribbble.com/users/2125046/screenshots/16548857/media/e9960b76fbab33635774063262218154.png

by Ofspace Digital Agency


Tweets


Picked Pens

Pikachu submit button

by Mina

FettePalette

by David A.

Responsive CSS Powered Parallax

by Jhey


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.

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.

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?

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.

Syntax – Changelog Frontend Feud

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


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

Top comments (0)