Search the archive

Full-text search across article titles and summaries. Refine with sector, year, content type, and reading-time filters.

Results

9,381 matches

WE'RE FORKING FLUTTER. THIS IS WHY

Flock is a new fork of Flutter created due to the Flutter team's limited labor and slow response times. Flutter's open-source nature and large developer base make it possible for external contributors to improve the framework faster than the Flutter team themselves.

2024.10.29
flutterfoundation.dev11 min readTLDR Web Dev

INVESTIGATION OF A WORKBENCH UI LATENCY ISSUE

Netflix engineers investigated a latency issue affecting JupyterLab UI on their Workbench platform. They started with identifying the "bad" notebook and ruling out potential culprits like the pystan library and network issues. The root cause was traced to the jupyter_resource_usage extension, which was causing CPU contention by recursively querying all child processes, resulting in excessive memory usage and slow parsing of a file.

2024.10.29
netflixtechblog.com12 min readTLDR Web Dev

DEBUGGING AUDIO ARTIFACTS CAUSED BY... A SERIAL PORT?

A company that processes millions of video call meetings per month migrated its cluster from Kubernetes to a self-built system. After the migration, customers reported popping noises in captured audio, despite no changes to the application code. The issue was traced back to the cloud-init logging system, which writes to a virtual serial device. The system received too much data from the audio encoding process and became overwhelmed, causing the audio processing to experience CPU starvation and leading to the popping noises.

2024.10.29
recall.ai6 min readTLDR Web Dev

GITHUB DMCA NOTICES

This GitHub repository transparently publishes DMCA takedown notices received by GitHub.

2024.10.29
github.com9 min readGitHub repositoryTLDR Web Dev

HOW WE SHRUNK OUR JAVASCRIPT MONOREPO GIT SIZE BY 94%

A Microsoft team working with a massive JavaScript monorepo (1JS) faced a challenge: the repository size had ballooned to 178GB. The issue stemmed from two key problems: keeping thousands of files in a single folder and a flawed packing algorithm that led to inefficient compression of files with similar names, especially CHANGELOG files. To address the folder issue, the team implemented a pull request and automated cleanup pipelines. The packing issue was tackled by repacking the repo with a larger window and utilizing a new path-walk algorithm, resulting in a reduction from 178GB to 5GB.

2024.10.28
jonathancreamer.com7 min readTLDR Web Dev

UNDERSTANDING ROUND ROBIN DNS

Round Robin DNS is a method of load balancing by distributing traffic across multiple servers. Browsers like Safari select the closest server based on latency, while Cloudflare consistently picks a random server regardless of its proximity or availability.

2024.10.28
blog.hyperknot.com8 min readTLDR Web Dev

DELICIOUS DONUT COMPONENTS

Component composition in React Server Components (RSC) allows for creating flexible UIs and avoiding prop drilling. While composition works similarly in both client and server components, there are important distinctions when interleaving them. This article discusses these differences, including limitations on function passing and the use of `React.cloneElement()`, and provides alternative strategies for sharing state across server and client boundaries.

2024.10.28
frontendatscale.com13 min readTLDR Web Dev

WRITES AND WRITE-NOTS

The widespread use of AI will create a division between "writes" and "write-nots," with the former being those who can still write and the latter those who rely on AI for writing. This shift will result in a decline in the ability to think clearly, as writing is an essential tool for developing and expressing thought.

2024.10.28
paulgraham.com3 min readTLDR Web Dev

HOW NOT TO DISAGREE

When a team leader disagrees with a managerial decision, they should not oppose it publicly but instead commit to executing it effectively. By doing so, they avoid creating a victim mentality within the team and preserve their credibility.

2024.10.28
boz.com3 min readTLDR Web Dev

MDX

Mdx is a command-line tool that allows you to execute code blocks within Markdown files. It provides features like argument passing, dependency definition, and shebang support.

2024.10.28
github.comGitHub repositoryTLDR Web Dev

AGENT.EXE

Agent.exe is an Electron app that lets Claude 3.5 Sonnet control your local computer directly.

2024.10.28
github.comGitHub repositoryTLDR Web Dev

BETTER UPLOAD

Better Upload is a React library that simplifies file uploads to S3-compatible services. It offers a streamlined setup, customizable server-side logic, and pre-built UI components.

2024.10.28
better-upload.js.orgToolTLDR Web Dev

BEFORE YOU BUY A DOMAIN NAME, FIRST CHECK TO SEE IF IT'S HAUNTED

This developer bought a domain name, musicbox.fun, unaware that it had a history of copyright violations. This past activity negatively impacted the domain's reputation with search engines, causing the developer's website traffic to plummet. Before buying a domain, check for such “haunted” domains by using the Wayback Machine, searching for DMCA complaints, and examining historical SEO data.

2024.10.28
bryanbraun.com8 min readTLDR Web Dev

DETECTING WHEN LLMS ARE UNCERTAIN

Reasoning in LLMs can be improved by utilizing adaptive sampling techniques that take into account the model's uncertainty. A project called Entropix measures uncertainty using entropy and varentropy, which quantify the distribution of the predicted tokens. It then uses different sampling methods based on these metrics, including argmax sampling for high confidence, branching for multiple possibilities, and inserting "thinking" tokens for low confidence.

2024.10.28
thariq.io7 min readTLDR Web Dev

OUR OPTIMIZERS NEED A RETHINK

Compiler and database optimizers may need a significant rethink to improve their understandability, controllability, and testability. Current shortcomings of optimizers include limited user control, difficulty in debugging optimization misses, and lack of proper testing capabilities. These can be solved by providing clearer documentation, developing improved tooling for debugging optimization failures, allowing users to provide explicit guidance to the optimizer, and creating regression testing infrastructure.

2024.10.28
typesanitizer.com14 min readTLDR Web Dev

SMARTER THAN 'CTRL+F': LINKING DIRECTLY TO WEB PAGE CONTENT

Text fragments allow linking directly to specific text on a web page without needing an ID using a special URL syntax that highlights the desired text. They improve user experience by making deep linking easier and can even reveal hidden content when matched. This feature is supported in most modern browsers, with custom styling possible through the ::target-text pseudo-element.

2024.10.25
alfy.blog5 min readTLDR Web Dev

SERVER SIDE STATE MANAGEMENT IN NEXTJS: A DEEP DIVE INTO REACT CACHE

NextJS provides built-in tools like cache, unstable_cache, and patched fetch for server-side state management, but these tools require a shift in thinking from traditional client-side approaches. There are benefits in using the mutable cache to manage server-side state as it can simplify code by eliminating prop drilling. This article goes into further detail about proper server-side caching with examples.

2024.10.25
yoseph.tech11 min readTLDR Web Dev

OUR JOURNEY WITH CACHING

Next.js's new experimental caching system uses two main concepts: Suspense for dynamic data and "use cache" for static content. It eliminates the need for complex configuration options and hidden caches by providing a clear and consistent approach to managing data.

2024.10.25
nextjs.org7 min readTLDR Web Dev

SELF-DOCUMENTING CODE

Self-documenting code is code that uses descriptive error messages, named constants, and separate functions for complex logic. Short-circuit evaluation can be used to streamline conditional statements, and type annotations can be used with JSDoc comments for better static type checking.

2024.10.25
lackofimagination.org5 min readTLDR Web Dev

THROW MORE AI AT YOUR PROBLEMS

AI applications can be improved by utilizing multiple, smaller LLM calls instead of relying solely on one large model. A “compound AI system" approach is one where each step in a workflow is handled by a specialized, smaller model. This leads to better reliability, cost-effectiveness, and overall quality.

2024.10.25
frontierai.substack.com5 min readTLDR Web Dev

DO'S AND DON'TS OF COMMENTING CODE

When commenting code, use consistent commenting standards, explain the "why" behind code rather than just the "what", and use annotations like TODO and FIXME for clear communication. Also, avoid common mistakes like commenting on obvious code, leaving outdated comments, and including personal or informal remarks.

2024.10.25
blog.openreplay.com6 min readTLDR Web Dev

REACT NATIVE 0.76 - NEW ARCHITECTURE BY DEFAULT, REACT NATIVE DEVTOOLS, AND MORE

React Native 0.76 has the New Architecture, which offers better performance and native-like app development, enabled by default. The release also introduces React Native DevTools, a new debugging experience with familiar web-aligned tooling and improved integration with React DevTools. React Native 0.76 also adds enhancements to Metro, the module resolver, and new style props.

2024.10.25
reactnative.dev10 min readTLDR Web Dev

TYPESCHEMA

TypeSchema is a JSON specification for describing data models. It has easy-to-understand syntax, supports advanced concepts like inheritance and generics, and allows for easy generation of clean and usable data transfer objects.

2024.10.25
typeschema.orgToolTLDR Web Dev

GENERATIVE AI SCRIPTING

GenAIScript is a JavaScript-based scripting environment by Microsoft that provides tools and features for programmatically assembling prompts for large language models. It lets developers build and automate complex AI-powered workflows.

2024.10.25
microsoft.github.ioToolTLDR Web Dev

NEW ARCHITECTURE IS HERE

React Native 0.76 introduces the New Architecture by default, a complete rewrite of the core systems that underpin React Native. This new architecture improves performance, enables full support for modern React features like Suspense and Transitions, and allows for more responsive user interfaces. It features a new Native Module system for type-safe and synchronous communication between JavaScript and native code, a rewritten Renderer that supports multiple threads and concurrent rendering, and a well-defined Event Loop aligned with web specifications.

2024.10.25
reactnative.dev22 min readTLDR Web Dev

THE JAMES WEBB SPACE TELESCOPE RUNS JAVASCRIPT, APPARENTLY

The James Webb Space Telescope uses JavaScript to control its scientific instruments. This choice stems from the telescope's long development timeline, which began in 1989, leading to the adoption of technologies that were prevalent during the early 2000s. The core script processor is written in C++.

2024.10.25
theverge.com7 min readTLDR Web Dev

STATE OF CSS 2024

The State of CSS 2024 report shows off CSS advancements, like the impact of :has() and container queries, while looking forward to future possibilities, like wider adoption of size container queries and scroll-driven animations.

2024.10.25
2024.stateofcss.comToolTLDR Web Dev

AWESOME DOCS GALLERY

This is a crowdsourced gallery of high-quality developer documentation with a curated collection of useful resources for creating better documentation.

2024.10.25
awesome-docs.galleryToolTLDR Web Dev

THE LOWEST COMMON DENOMINATOR: WWW

The web's "lowest common denominator" approach, while limiting control, provides a wider reach by simplifying computing tasks and making websites accessible across a variety of devices.

2024.10.25
blog.jim-nielsen.com2 min readTLDR Web Dev

THE TRUE NATURE OF USEACTIONSTATE

The useActionState hook in React 19 helps manage return values from server functions and makes the user experience for asynchronous operations. This article introduces a simple TODO app built with useReducer and shows how to refactor it to utilize useActionState for persistence, adding optimistic UI updates and error handling. Integrating useActionState with useOptimistic makes the user experience much better and smoother.

2024.10.24
nikhilsnayak.dev16 min readTLDR Web Dev

YOU SHOULD PROBABLY PAY ATTENTION TO TOKENIZERS

Tokenizers break down text into smaller units. Their ability to handle different types of data, such as emojis, misspelled words, and dates, can affect the accuracy of RAG models. Poor tokenization can lead to incorrect embeddings and flawed results from LLMs. Data should be carefully preprocessed and standardized for better LLM retrieval reliability.

2024.10.24
cybernetist.com15 min readTLDR Web Dev

WHY I'M LEAVING OPENAI AND WHAT I'M DOING NEXT

Miles Brundage, former Senior Advisor for AGI Readiness at OpenAI, is leaving the company to focus on AI policy research and advocacy from a more independent position. He believes that while OpenAI is making progress towards AI safety, both the organization and the world at large are not yet ready for the potential of artificial general intelligence (AGI).

2024.10.24
milesbrundage.substack.com27 min readTLDR Web Dev

A LOVE LETTER TO GOLANG

Go is a valuable programming language for building web applications thanks to its streamlined syntax, robust standard library, and concurrency features. Go frameworks like Templ make full-stack development much easier.

2024.10.24
mortenvistisen.com9 min readTLDR Web Dev

OOP IS NOT THAT BAD, ACTUALLY

Mainstream statically-typed OOP enables straightforward and backwards-compatible evolution of types, making them easy to compose. This post shows a simple example involving a logging library and a database library to demonstrate how OOP allows for adding new functionality and dependencies without breaking existing code.

2024.10.24
osa1.net13 min readTLDR Web Dev

TOOLPAD

Toolpad is a suite of React components and a low-code builder designed for rapidly developing dashboards and internal tools. It consists of Toolpad Core, a set of React components, and Toolpad Studio, a self-hosted low-code admin builder.

2024.10.24
github.comGitHub repositoryTLDR Web Dev

OPENAI-REALTIME-API

Openai-realtime-api is a TypeScript client for OpenAI's real-time voice API that provides a fully typed and bug-fixed alternative to the official JavaScript version. It has 100% compatibility with OpenAI's events, supports various runtimes like Node.js, browser, and Deno, and includes Node.js CLI examples for testing.

2024.10.24
github.comGitHub repositoryTLDR Web Dev

REACT NATIVE BOTTOM TABS

React Native Bottom Tabs uses native platform components to implement bottom navigation in React Native apps.

2024.10.24
github.comGitHub repositoryTLDR Web Dev

HOW MICROSOFT EDGE IS REPLACING REACT WITH WEB COMPONENTS

Microsoft's Edge browser team is transitioning from React to native web components with the WebUI 2.0 project to improve performance, especially on low-end devices. The team aims to convert about 50% of existing React-based UIs to web components by year-end, focusing on a "markup-first architecture.”

2024.10.24
thenewstack.io9 min readTLDR Web Dev