TLDR Web Dev

TLDR WEB DEV 2024-03-14

5 sections18 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

HOW DISCORD'S LIVE STREAMING WORKS

Discord's live streaming feature broadcasts users' screen activity to others in their group. To achieve this, Discord uses OS-specific APIs for screen and audio capture along with robust fallback mechanisms. The captured video data is then encoded using codecs like VP8 and H264 for efficient transmission, with Discord servers handling quality adjustments and routing for high-quality delivery to viewers.

blog.quastor.org6 min read

POKÉMON GO: ARCHITECTURE OF THE #1 AR GAME IN THE WORLD

Pokémon GO began as an iteration of Niantic's earlier augmented-reality game, Ingress. It uses GCP’s scalability for its massive player base. The game's architecture heavily utilizes Google Kubernetes Engine for managing workloads and Spanner for its global consistency and high transactionality in storing player and map data. Niantic introduced Redis as an in-memory cache to handle the immense traffic spikes during live events like Raid Battles. Pokémon GO uses PushGateway for real-time notifications.

fullstackexpress.io9 min read

BEST PRACTICES FOR WRITING TESTS WITH REACT TESTING LIBRARY

To write effective tests using the React Testing Library, developers should focus on using ByRole queries to target elements based on accessibility roles. For simulating user interactions, one should use the userEvent library rather than fireEvent. Utilize findBy* queries and waitForElementToBeRemoved to manage asynchronous updates for more robust tests.

claritydev.net10 min read

02OPINIONS & ADVICE

FALSEHOODS PROGRAMMERS BELIEVE ABOUT TIME ZONES

Time zones are complex. Rules and boundaries change frequently based on political and geographical influences. Developers often underestimate the challenge of handling time zones and their irregular offsets, multiple names, and unpredictable changes by governments. Building any system reliant on time zones requires careful consideration of their complexities to avoid future errors.

zainrizvi.io10 min read

KEEPING TRACK OF ENGINEERING-WIDE GOALS AND MIGRATIONS

Yelp created an internal platform called EE Metrics to help engineering teams manage technical debt and highlight important company-wide engineering initiatives. EE Metrics provides teams with detailed web pages outlining their technical debt and surfaces key migrations or health metrics. The platform's Team Health Reports allow teams to see critical audits and prioritize actions based on the highest impact to the team.

engineeringblog.yelp.com9 min read

LLMS ARE NOT ENOUGH… WHY CHATBOTS NEED KNOWLEDGE REPRESENTATION

LLMs have impressive factual knowledge, but their reasoning abilities remain limited, as they struggle with applying their knowledge to novel queries. Explicit knowledge representation, such as databases or knowledge graphs, is needed for reliable question-answering that combines the factual recall of LLMs with efficient search capabilities. However, designing these knowledge structures is not an easy task.

blog.anj.ai6 min read

03LAUNCHES & TOOLS

* Deep dive programs on gen AI

* 500+ sessions [14] (101 - 301 level) across 10 different tracks * Cutting-edge AI demos [12] and interactive learning

cloud.withgoogle.com

REACT GEIGER

React Geiger is a tool for "audiolizing" React performance issues. It runs in the background and makes little clicking noises during excessively slow component rerenders.

github.comGitHub repository

FINDER

Finder generates the shortest CSS selector for elements on web pages.

github.comGitHub repository

FLYDE

Flyde is an open-source visual programming language that aims to augment traditional coding practices. It is designed for integration with TypeScript/JavaScript codebases. Flyde features a VSCode extension, Node.js support, and browser compatibility.

github.comGitHub repository

04MISCELLANEOUS

SALT LABS RESEARCH FINDS SECURITY FLAWS WITHIN CHATGPT ECOSYSTEM

Researchers have identified significant security vulnerabilities within the ChatGPT ecosystem that potentially allow attackers to access users' accounts on third-party websites, such as GitHub, without their consent. These vulnerabilities were found both in the core ChatGPT platform and its plugins. They expose sensitive data and enable account takeovers through exploitation of the OAuth authentication process and other flaws in plugin frameworks.

salt.security18 min read

COMPRESSING CHESS MOVES FOR FUN AND PROFIT

This article explores efficient chess move encoding to reduce database size and improve query speeds on a large chess website. The author developed a custom encoding that represents moves using fewer bits than standard text formats. This approach optimizes for common move types (pawn moves, captures) and in a test case, the encoding reduced file size by 74%.

mbuffett.com9 min read