Sponsored
If you’ve ever been curious about Sentry [11] or application performance monitoring, Launch Week [10] is for you. Tune in to Sentry’s YouTube and Discord daily at 9am PT to hear the latest scoops — new products, new features, and all sorts of cool stuff. See the full agenda and where to watch [10], and sign up with your
Bebop is a fast data interchange format. In benchmarks, it is 100 times faster than Protocol Buffers and 1000 times faster than JSON. Bebop offers the binary serialization benefits of Protocol Buffers with a better developer experience.
Astro 4.5 introduces a new Dev Audit UI that provides in-browser guidance for improving site performance and accessibility. This release also offers enhanced View Transitions functionality, multi-CDN asset prefixing for optimized content delivery, and more.
WinterJS is a fast JavaScript server that runs Service Workers scripts. It is able to handle up to 100,000 requests per second on a single laptop.
The book "Mythical Man Month,” written 50 years ago, explores the concept of the "10x engineer." Its author theorizes that building a team of supporting roles around a highly productive chief programmer could maximize output. Nowadays, advanced tooling eliminates the need for such hierarchical team structures and much of the proposed support team.
2024.03.13·blog.pragmaticengineer.com·8 min read·TLDR Web Dev Meta recently built two large-scale AI clusters, each containing over 24,000 GPUs, to power its current and future AI models. Built with a focus on researcher experience and productivity, these clusters feature high-performance networks, powerful storage solutions, and the latest NVIDIA H100 GPUs. Meta is optimizing these clusters to handle large complex models and is scaling its infrastructure to include hundreds of thousands of GPUs by the end of 2024.
The Digital Markets Act (DMA) is now in effect. Companies like Apple, Google, and Meta must ensure that their designated core platform services comply with the DMA or face substantial fines. Key changes required by the DMA include end of browser engine restrictions, third-party app store access, web app installation fairness, and the respecting of user choice in chosen default browsers.
Jco is a fully native JavaScript toolchain for working with WebAssembly (Wasm) Components in JavaScript that can transpile Wasm component binaries into ES modules.
Coding and writing are fundamentally similar because both have the potential for impactful change and require clarity, efficiency, readability, and structure.
"Custom media queries" in CSS would allow developers to define reusable media query aliases, making CSS more maintainable.
Users may accidentally have Caps Lock enabled when typing their passwords - developers can use JavaScript's getModifierState method to detect this and provide a helpful warning.
Sponsored
How do organizations approach and mitigate issues that lead to documented public cloud security incidents?
Streaming HTML sends HTML from server to browser in chunks as it is generated. It took a back seat as single-page applications became the standard, but it has become more popular along with server-side rendering. A clear advantage to streaming HTML is you can render something immediately to indicate to the user that something is happening and you can start downloading assets like CSS and JavaScript earlier while you wait for the more time-consuming parts of the response to be generated.
Engineering crits at Figma are collaborative sessions designed to foster brainstorming, knowledge sharing, and problem-solving early in the development process. Inspired by design critiques, Figma uses FigJam to facilitate asynchronous feedback, ensuring everyone’s perspectives are included in the conversation. Unlike traditional reviews, engineering crits emphasize suggestions over mandates.
Prisma is an open source ORM that allows you to easily manage and interact with databases. This guide discusses the features, benefits, and use cases of Prisma to help you decide if it’s the right choice for your next project.
There is a widespread disregard for front-end development within the tech industry. Frontend work is sometimes biased against as there are beliefs that frontend is less technical and thus, less valued. This devaluing of frontend work harms the quality of software products and limits the potential of the web.
To better estimate software projects, it’s helpful to break them down into smaller, well-defined tasks. This process starts with a high-level goal and iteratively expands tasks until they are clear enough for a developer to understand what needs to be done and how to know when it's complete.
Developers sometimes prioritize code perfection over delivering value to customers, leading to negative effects for both teams and customers. Teams should shift their focus to smaller, more frequent deliveries that provide immediate value to the customer, even if temporarily sacrificing some code quality. By breaking down large projects into smaller increments and limiting work-in-progress, developers can significantly shorten development cycles and have happier customers.
Sponsored
If you’re trying to scale QA in-house, the answer is years. If you’re using QA Wolf [11], the answer is no more than 4 months.
Speedometer 3.0 is a collaborative benchmark measuring web application responsiveness. This launch comes with new tests, improved measurement techniques, and a cross-browser governance model designed to drive further web performance improvements.
JSON Canvas is an open-source file format designed for storing and exchanging data from infinite canvas tools (like digital whiteboards). It aims to improve the longevity, readability, and flexibility of user-created content within these applications.
Goqite is a persistent message queue library built on SQLite and inspired by AWS SQS.
LLMs show potential for generating fuzzers to find bugs in code. A fuzzer is a program that automatically inputs semi-random data into a program or stack to detect bugs. While LLMs can find some software bugs through static analysis, results are often less reliable than traditional techniques due to false positives. As LLMs get better, they could be used to create targeted fuzzers to uncover vulnerabilities.
Some companies, like Midjourney, are using Google TPUs in production - they are hard to come by since Google themselves are using so many TPUs.
Refloat is an accurate float parser that is faster than standard float parsing libraries.
Bluesky, a decentralized X and Threads competitor, is offering grants to support developers building applications and tools on its AT Protocol.
A gallery of unique, creative 404 pages.
This blog explores the concept of using `infinity` within CSS, specifically in the `calc()` function, to achieve unique effects like ensuring an element has the highest `z-index`, creating extremely large elements, and dealing with browser inconsistencies. `infinity` is essentially shorthand for the largest possible value in a particular situation. This value can and will change between browsers, operating systems, and CSS properties. It can be used to create some pill shapes, hide content for screen readers, and make CSS animations.
Coroutines are functions that can be suspended and resumed while potentially passing data between suspension points. They are useful for implementing various patterns involving cooperation between different tasks or functions, such as asynchronous flows. This article demonstrates how to use coroutines to build a very flexible and simple abstraction for UI components, enabling you to split behavior and view into reusable bits, maintain internal state, and consolidate component lifecycles within a single location.
Astro is a static site generator that offers a robust development experience with TypeScript integration and built-in i18n/l10n support. Its static site generation conflicted with this developer's need for server-side locale negotiation, so they integrated a Rust web server (axum) to serve the Astro website, allowing for custom locale negotiation logic while still using Astro's advantages.
Databases often focus excessively on benchmark performance, overlooking the fact that a subjectively better user experience is often more important. The rate at which a database improves, ease of use, and how it integrates into existing workflows are all factors that can be more important when choosing a database over just raw performance. Focusing on a streamlined user experience that empowers quick analysis can sometimes offer a better edge than single-metric performance gains.
To write effective documentation, carefully choose what to document, focusing on common questions, poorly understood concepts, and information crucial for informed decisions. Understand your audience's knowledge level, tailor your language, and structure the documentation for easy navigation. Write with the future in mind by explaining the "why" behind decisions, linking to current information, and encouraging a culture of shared documentation ownership.
To make the most of a side project, start with a problem you face yourself and clearly outline goals. After that, iterate continuously and take in feedback from users honestly. The success of a side project doesn’t have to be defined solely by the money earned, but rather based on what is learned.
TanStack Store is a framework-agnostic type-safe store with reactive framework adapters. It supports React, Vue, Angular, and SolidJS. TanStack Store requires minimal setup and comes with granular APIs.
React Unforget is a compiler that analyzes React components and hooks to identify optimization opportunities and automatically inserts memoization code where it will have the most impact, reducing unnecessary re-renders and improving overall performance. It features intelligent memoization of components, hooks, and JSX elements, as well as the ability to optimize code execution even in the presence of early returns.
An onboarding library for building accessible, customizable, and persistent onboarding flows in React apps.
Google has published a whitepaper that outlines its "Secure by Design" approach, which advocates for the adoption of languages like Java, Go, and Rust to achieve high-assurance memory safety. Google has a massive C++ codebase. It will gradually adopt memory-safe languages for new code while seeking safety improvements for existing C++.
Amazon S3 is often thought of as a cloud-based file system, but it lacks important features of a traditional file system like partial overwrites. This mismatch in expectations has significant implications for software (especially databases) designed to work with filesystems as it makes them incompatible with S3. Despite this, S3 still is valuable due to its interface, high bandwidth, and low maintenance.
Git’s HEAD refers to your current location in the Git repository, indicated either by a branch name or a commit ID stored in the .git/HEAD file. HEAD can also be used as a command parameter ('git show HEAD') to reference the currently checked-out commit. Git often includes HEAD in its output (such as 'HEAD detached') to provide context about your working state within the repository.
An interactive visual site that demonstrates and compares how long certain operations (eg. L1 cache latency) take.
PlanetScale is prioritizing profitability to ensure long-term reliability and sustainability for its database services - it is removing its free tier on April 8.
To prevent context switching from affecting productivity, software engineers should block focus time on their calendars, prioritize tasks well, and take notes to minimize attention residue.
2024.03.11·newsletter.eng-leadership.com·6 min read·TLDR Web Dev A selection of open source Next.js projects to contribute to. It can be helpful for learning how large-scale production web apps are structured.
Facebook uses Mercurial instead of Git. While performance limitations triggered the migration, the key deciding factor in the choice proved to be the openness and collaborative spirit of the Mercurial community. Facebook's success in smoothly migrating its engineering org was thanks to thoughtful communication and human elements alongside other technical reasons.
Meta’s react-strict-dom (open sourced last week) is an experimental integration of React DOM and StyleX that standardizes the development of styled React components, both web and native. This article goes into the historical background of building a universal codebase that shares components between Web and Native and how react-strict-dom changes the way we can do it. You might need to refresh the page to get it to load!
Choosing the right side projects can enhance your T-shaped skills and offer personal benefits. To maximize success, manage your ideas, focus on the "why" behind each project, structure for potential wins even if the primary goal isn't met, and avoid scope creep by setting boundaries like iterations or timeboxes.
As AI developer tooling gets better, developers should also focus on soft skills such as communication, problem solving, and adaptability to effectively collaborate with AI tools and create user-centered solutions. AI offers significant potential but ultimately complements the existing skillset of developers, allowing them to focus less on boilerplate and more on strategic development.