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! Stand With Ukraine

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

You have to think about what is the right way, even when you have the right idea of what the building blocks should be, there is huge flexibility in how you decide to put the whole system together. It is a craft... and it has a lot to do with valuing simplicity over complexity. Many people do have a tendency to make things more complicated than they need to be... The more stuff you throw into a system, the more complicated it gets and the more likely it is not going to work properly. - Barbara Liskov

Translations to other languages

Table of Contents

  1. Introduction
  2. The Bare Minimum
  3. Design for happiness
  4. Performance tips
  5. Testing principles
  6. Insights shared

Nord

An arctic, north-bluish color palette.

GitHub logo nordtheme / 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 cards

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)