TLDR Web Dev

TLDR WEB DEV 2024-03-04

5 sections18 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

HOW TO BUILD AN OFFLINE-FIRST APP USING EXPO & LEGEND STATE

Legend State is a React state management library optimized for offline-first persistence. Expo is a React Native mobile app development framework. Offline-first applications have challenges like conflict resolution to deal with. This tutorial walks readers through how to deal with offline sync, offline conflicts, real-time collaboration, and other common offline-first challenges.

expo.dev9 min read

REPORTING CORE WEB VITALS WITH THE PERFORMANCE API

The Performance API is a set of standards for measuring and evaluating performance metrics with JavaScript. This article demonstrates how to use the Performance API to generate performance metrics directly in the DOM to create your own reporting. Chromium-based browsers have the best support for all Core Web Vitals (CWV) properties. Firefox offers partial support.

smashingmagazine.com13 min read

HOW LINKEDIN SERVES 5 MILLION USER PROFILES PER SECOND

LinkedIn's user profile views created a massive read workload that pushed the limits of its existing document database, Espresso. To solve this, its team introduced Couchbase, a distributed NoSQL database, as a caching layer to reduce the read load on Espresso. They designed the caching layer to be independent of Espresso to avoid cascading failures if Couchbase experienced issues. The entire profile dataset is cached in every data center for quick access.

blog.quastor.org10 min read

02OPINIONS & ADVICE

ASK HN: HOW CAN I LEARN ABOUT PERFORMANCE OPTIMIZATION? (HACKER NEWS THREAD)

Various commenters write about how to learn about performance optimization better. It’s important to start with fundamentals, such as the sources of performance issues and how CPU cycles are wasted. Further techniques can be studied depending on the tech stack and use case. Concepts like parallelization, data structure optimization, and latency versus throughput are mentioned.

news.ycombinator.com

QUALITY IS A HARD SELL IN BIG TECH

Big tech companies often release products with issues like unintuitive UIs, outdated code, unfixed bugs, and poor developer experience. This focus on quantity over quality stems from a prioritization of short-term stock gains driven by flashy new features, rather than investments in long-term product improvement. This strategy involves intentionally degrading product quality after establishing user dependence.

pcloadletter.dev3 min read

5 LESSONS I LEARNED THE HARD WAY FROM 6 YEARS AS A SOFTWARE ENGINEER

Software engineers should propose solutions, not just problems, and focus on team goals over just personal goals. Collaboration trumps code perfection. Software engineers should build relationships for influence, as building trust makes it easier to get buy-in and support for one’s ideas.

careercutler.substack.com8 min read

03LAUNCHES & TOOLS

Sponsored

TURN YOUR MAC INTO A PRODUCTIVITY POWERHOUSE

If you’re a Mac user, you need to check out Raycast [12]. It’s a blazingly-fast, totally extendible launcher that lets you do pretty much everything: search files, run system commands, calculate anything, manage windows (!), see clipboard history, and much more! Raycast is always free to download [12]. Go Pro for always-on ChatGPT wherever you’re working, cloud sync, and other power features.

ray.soSponsor

WAKU

Waku is a minimal React framework designed for small to medium-sized React projects.

waku.ggTool

HANCHO

Hancho is a build system written in Python designed for small to medium-sized projects.

github.comGitHub repository

TAB AUTOCOMPLETE (BETA)

Continue, an open-source code copilot, now provides support for tab autocomplete in VS Code based on local models, which means that there are no server costs or online server calls.

continue.dev3 min read

04MISCELLANEOUS

INSIDE THE CRISIS AT GOOGLE

Google's recent AI debacle with its Gemini image and text generation tool has sparked an internal crisis, with plummeting morale and calls for CEO Sundar Pichai's resignation. While the public focuses on potential bias in the tool, the root cause lies in organizational chaos: unclear ownership of Gemini's development and a lack of accountability within Google teams. This dysfunction led to hasty decision-making and insufficient coordination, resulting in the tool's problematic outputs.

bigtechnology.com6 min read

APPLE REVERSES COURSE ON DEATH OF PROGRESSIVE WEB APPS IN EU

Apple planned to disable Progressive Web Apps (PWAs) in iOS for European users, citing EU regulations as a cause. However, these changes sparked criticism and threats of investigation by the European Commission. Apple has now reversed course, restoring PWA functionality, but states that PWAs will still need to be built on WebKit to comply with Apple's security and privacy standards.

appleinsider.com4 min read

INTERESTING IDEAS IN OBSERVABLE FRAMEWORK

Observable Framework is a new open-source tool for building interactive data apps and dashboards. Framework projects are built from Markdown files with embedded JavaScript, enabling the usage of standard text editors and version control. Everything is still reactive, ensuring updates flow seamlessly throughout your document.

simonwillison.net8 min read