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.
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
mithi
/
react-philosophies
🧘 Things I think about when I write React code 🧘
react-philosophies
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
-
Chinese by @Leecason
-
Korean by @lim-jiwoo
-orange.svg?color=purple){kind=icon}
-orange.svg?color=purple){kind=icon}
Table of Contents
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.
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
Ae - NFT Marketplace Header
Flux - Expense Management UI Kit
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)