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 React "stuff"!
Table of Contents
- Introduction
- The Bare Minimum
- Design for happiness
- Performance tips
- Testing principles
- 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)
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.
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.
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
CodyHouse@codywebhouse
🎉 Finally! The outline ring now (automatically) adapts to the element radius.
In CSS:
.outline {
outline: 2px solid DarkOrchid;
outline-offset: 2px;
}
It works in the latest releases of all major browsers, except Safari. C'mon Safari 🤞!14:26 PM - 27 Sep 2021
Handy little CLI tool for ZSH users. The `zmv` extension lets you rename multiple files at once.
You can enable the extension with `autoload -U zmv`13:35 PM - 30 Sep 2021
GitHub@githubWe just added a button for Markdown files to make it easier to switch between source view or the rendered view 👀 Take a look and let us know what you think.13:43 PM - 30 Sep 2021
17:19 PM - 01 Oct 2021
Tips for efficiently Googling. Search by:
Exact match > "javascript modules"
Scope to site > site:<domain> js
After a date > javascript after:2021
Before > javascript before:2019
Exclude a phrase > javascript -es5
Number range > javascript 2015..2021
Wildcard > "fix the * error"07:00 AM - 02 Oct 2021
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! 👋
Oldest comments (0)