TLDR WEB DEV 2023-12-06

(ungated)

WHAT IS JWT?

JSON Web Tokens (JWTs) are an open standard for securely sharing JSON data between parties through encoding and digital signatures. They are used for API authentication, data transfer, and authorization workflows. JWTs consist of three parts: a header, payload, and signature, and can be used to securely transmit data between various systems. While JWTs offer benefits like statelessness, efficiency, and interoperability, they also pose challenges such as security risks, token size, and limited central control.

HOW CANVA IMPLEMENTED END-TO-END TRACING

Canva has implemented end-to-end distributed tracing for observability in their systems. They emphasize the Three Pillars of Observability: logs (timestamped events), metrics (quantifiable statistics), and traces (representation of request events). With distributed tracing, they use traces, spans (single operations within a trace), and tags (metadata key-value pairs) to gain insights into their system's performance. Canva also developed a custom frontend tracing SDK for themselves.

THE USER EXPERIENCE OF THE FRONTEND CLOUD

This article discusses the importance of speed and personalization in web applications. Fast loading times are crucial for user engagement and search engine rankings. The article explains how being on the edge, caching mechanisms, and Incremental Static Regeneration (ISR) can help developers create faster web apps.

HOW TO MAKE YOUR TEAM READ YOUR MIND

A "Manager's ReadMe" is a document that outlines expectations for their reports. It provides insights into the manager's role, how they do 1:1 meetings, their office and remote work policies, team representation, communication channels, and work-related practices like sprint planning, retrospectives, and feature ownership. Creating such a document helps foster better trust in teams. This post shares a template for people to create a “readme” of their own to let others on their team understand their working style.

THE ART OF WRITING RFCS

RFCs (Request For Comments) are documents proposing codebase changes to address specific problems or introduce new features before actual implementation begins. This post outlines when to write an RFC and their benefits and offers guidance on writing one, including sections like metadata, defining the problem, proposing solutions, and addressing open questions. It also provides templates and tools for creating RFCs.

NEW IN CHROME 120

Chrome 120 comes with the new CloseWatcher API, an API for directly listening and responding to close requests. Close requests are typically used to close popups and modals. They are typically the ESC key on desktop platforms and the back gesture or button on Android. Chrome 120 also comes with an easy-to-implement accordion pattern with the details element, permission policy violation reports, and more.

DROPBASE

Dropbase is a platform for building internal web apps such as admin panels and internal engineering tools with Python. It lets you import your existing Python libraries and scripts, select UI components and bind them to data, and use State and Context objects to modify state and context directly with Python. Developers can share apps they create on Dropbase with other users via roles, groups, permissions, and other controls.

SUPERDUPERDB

SuperDuperDB is an open-source framework for integrating AI directly with existing databases. The framework helps eliminate complex MLOps pipelines and specialized vector databases by turning existing databases into AI development and deployment environments. It supports LLM chat, streaming inference, scalable model training, vector search, and standard machine learning use cases.

IMESSAGE, EXPLAINED

This blog post provides a high-level overview of the internals of iMessage. It covers the Apple Push Notification Service (APNs) and its bidirectional capabilities, the role of IDS (Identity Services) as a keyserver for iMessage's end-to-end encryption, and the process of message encryption and decryption.

THE CURIOUS CASE OF THE AGGREGATION QUERY

This article shows how different SQL database systems execute a peculiar SQL query, which involves subqueries and aggregation functions. Some systems follow the SQL standard and return a single row with the value 6, while others return values 3, 6, and 9 in a table of three rows. The article delves into the SQL standard's specifications regarding aggregation queries, outer references, and historical changes in behavior among different database systems.

WHY TIERED STORAGE FOR APACHE KAFKA IS A BIG THING

Apache Kafka has introduced Tiered Storage, which allows for the separation of compute and storage. This article explores the architecture, use cases, benefits, and even presents a case study of storing petabytes of data in the Kafka commit log. Tiered Storage optimizes storage resources by using different storage tiers based on data access patterns, performance requirements, and cost considerations.

HOW DID I GET HERE?

A website that shows how your computer reached the server the website is hosted on.

CODE SPLITTING IN REACT: BOOSTING PERFORMANCE AND SPEED

Code splitting involves breaking down JavaScript code into smaller modules, optimizing performance by selectively loading necessary code, and reducing initial load times. Implementing code splitting in React can be achieved through dynamic imports and React.lazy() for components.

12 LESSONS FROM 5 YEARS OF RUNNING A TECH MEETUP

A tech meetup host shares lessons from running a meetup, such as the importance of the physical space and the need for over-communication.

TASKWEAVER

TaskWeaver is a code-first agent framework for planning and executing data analytics tasks using Python.

YOUR REFERRAL LINK - https://tldr.tech/webdev?ref=2613930