Weekly Digest 10/2021
Welcome to my Weekly Digest #10.
This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, and designs I consumed during this week.
Interesting articles to read
Boost Your Programming Skills by Reading Git’s Code
In this article, we discuss the original version of Git’s code to highlight how reading code can boost your coding skills. We cover the reasons to learn about Git’s code and how to access it. We discuss Git’s original codebase structure and how Git’s core functionalities are implemented in code.
Insert Cursor at Any Position at Command Line
Building a Healthy On-Call Culture
In this post, we share some of the best practices we apply when SoundCloud engineers take on out-of-hours support duties.
Building a ‘Table Of Contents’ with active indicator using JavaScript Intersection Observers
The JavaScript Intersection Observer is built into all modern browsers and lets you avoid scroll listeners. In this post, we re-factor the JavaScript that creates a table of contents for a blog post and updates the current indicator depending upon whether it is in view or not.
What you risk when using Number() to parse an integer from a string in TypeScript
Using Number constructor function to parse a number from input in TypeScript entails a couple of risks. It’s better to be aware of them.
Some great videos I watched this week
TypeScript: Unions and Never with Conditional Types
In this lesson, we look at how unions get distributed in conditional types. We also cover how never gets removed in unions.
by Basarat Ali
Particle System Simulation — The Nature of Code
Welcome to Chapter 4 of The Nature of Code: Particle Systems! I begin by coding a simple particle system in p5.js. I convert the Mover class into a Particle class, add a lifetime property and organize a collection of particles into an array
Using the axe Web Accessibility Testing Browser Plugin
I’m joined by Preety Kumar of Deque to take a look at their DevTools plugin for axe. Short story: this is an amazing plugin that helps you quickly find accessibility problems on any website, then help you fix them. There is quick automated testing as well as guided tests that help you test things that need a little bit more walkthrough, like testing the page tab order and testing modal dialogs.
Git Internals — How Git Works — Fear Not The SHA!
How I Optimized My JavaScript Project (Complete Walkthrough) | Faster Spatial Hash Grids
In this project, we’re doing some JavaScript optimization. We’re continuing and building on that JavaScript spatial hash grid implementation, but we’ll be examining it in detail with Chrome’s DevTools profiler, looking for hotspots and optimization opportunities.
Useful GitHub repositories
System design interview
System design is a very broad topic. Even a software engineer with many years of working experience at a top IT company may not be an expert on system design. If you want to become an expert, you need to read many books, articles, and solve real large-scale system design problems.
https://github.com/checkcheckzz/system-design-interview
Spectral
Improve the quality of your API descriptions, Kubernetes config, GitHub Actions, or any other JSON/YAML data. Get automatic validation & linting warnings, powered by Spectral, when you use Stoplight.
gatsby-source-google-docs
Gatsby plugin to use Google Docs as a data source.
Front-end Tips
A series of super tiny, quick tips, tricks, and best practices of front-end development.
The series covers different topics: CSS, HTML, JavaScript, TypeScript, and Browser developer tools.
dribbble shots
Medical App UI with Dr Vector
Podcast Dashboard design
Fitness Pro: Desktop Version
Dating App
time chat
Tweets
Talk to you next week and stay safe! 👋
