TLDR Index
TLDR Web Dev

TLDR WEB DEV 2023-09-08

6 sections11 entriesinline urlcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01GENERAL

Sponsored

Are your users facing embarrassingly slow page loads and rendering?

sentry.ioSponsor

02ARTICLES & TUTORIALS

HOW LAYOUT POSITION IMPACTS THREE BIG WEB PERFORMANCE LEVERS

Shopify published a blog post to explain the three biggest performance problems on their sites that impact Core Web Vitals metrics. The three issues are lazy loading of images visible on the first visit, asynchronous loading of CSS of elements visible upon the first visit, and not prioritizing the fetch of the largest image, affecting Largest Contentful Paint (LCP) load times. LCP is a factor in Core Web Vitals metrics, and this can affect how a website ranks on search engines like Google. This blog post explains how Shopify is combating these problems, providing code examples along the way.

performance.shopify.com7 min read

A WIDE VIEW OF AUTOMATED TESTING IN REACT APPS

Automated testing helps both the development and product teams. Both teams benefit from the efficiency, consistency, and quality assurance that testing provides. There are three types of testing: unit tests, integration tests, and end-to-end tests. This article dives into how to implement each type of test in a React app. Furthermore, it covers what to test, such as visual elements, component behavior, global utils, custom hooks, and more.

reacthandbook.dev14 min read

03OPINIONS & ADVICE

STRIPE AND FACEBOOK

Raylene Yung became an engineering manager at Facebook in 2011. She then moved to Stripe and watched it grow from 200 to over 1,500 employees over the next four years. Yung built Stripe’s product management team, defined career growth and recruiting frameworks, ran the core Payments business, and spun up the company’s global engineering hub in Singapore. This article features an interview with Yung where she discusses career growth for engineers. In the interview, Yung shares career lessons and covers roadblocks that can appear at every stage of an engineering career. She also provides guiding questions to help readers make the right decisions.

review.firstround.com33 min read

EVERY SOFTWARE PROJECT IS A STARTUP THAT WILL PROBABLY FAIL

Most software systems will eventually fail. It’s non-trivial to maintain software, especially as it grows in both code size and user base. As a result, there are some guidelines to help software systems scale, such as documenting domain knowledge as much as possible, having an organizational focus on maintenance, and thoroughly estimating the expected value of a new initiative.

muldoon.cloud4 min read

04LAUNCHES & TOOLS

REACT CURRENCY INPUT FIELD

This is a React component for a currency input field that can handle many edge cases. It allows abbreviations, has prefix and suffix operations, and automatically inserts group separators.

github.comGitHub repository

LOTUSDB

LotusDB is an advanced key-value store written in Go. It is extremely fast and compatible with LSM and B+ trees. LotusDB combines the advantages of LSM and B+ trees to allow fast read/write performance while also beating those respective data structures at space usage.

github.comGitHub repository

05MISCELLANEOUS

BUILDING META’S THREADS APP

Threads had more than 100M installs in its first 5 days - the highest number of installs in history. How did the engineering team build the app to handle an unexpectedly intense launch? What challenges and technical decisions did they make? How were they able to build an app people liked in such tight deadlines? This article answers these questions through an interview with the server engineering lead and engineering manager of Threads.

newsletter.pragmaticengineer.com16 min read

FULL-STACK DEEP TECH STARTUPS & AI VALUE CAPTURE

This is an investor’s take on building full-stack companies to capture value in AI. It considers some of the polarizing views on AI and startup value capture, for example, AI investing will not be useful as startups are destroyed by every new iteration of more powerful models, and AI will be similar to mobile in that it will eventually create startups that capture value.

mhdempsey.substack.com6 min read