Latency numbers every frontend developer should know

Web page load times and responsiveness to user action in web apps is a primary driver of user satisfaction–and both are often dominated by network latency. Latency itself is a function of the user's connection to the internet (Wifi, LTE, 5G), how far away the server is that the user is connecting to, and the quality of the network in between.

Full article

Read More

Announcement of Release - Module Federation

Today, we are excited to announce the official release of Module Federation 2.0! This new version is a collaborative effort between the ByteDance Web Infra team, the author of Module Federation, Zack Jackson and several of our community members. Special thanks to @ilteoood, @patricklafrance and @crutch12. Module Federation 2.0 addresses many issues from the previous version, building upon ByteDance's internal practices and the existing community ecosystem of Module Federation.

Full article

Read More

How to succeed as a data engineer without the burnout

When building and maintaining a modern data platform, the pressure on data engineers from businesses can be immense. The key to success in this challenging environment isn’t to work even harder; it’s to be smart about what you work on, and how it is implemented.

Full article

Read More

React 19 Beta – React

This beta release is for libraries to prepare for React 19. App developers should upgrade to 18.3.0 and wait for React 19 stable as we work with libraries and make changes based on feedback. React 19 Beta is now available on npm!

Full article

Read More

When to use GraphQL, gRPC, and REST?

Building APIs is one of the most important tasks for developers in modern engineering. These APIs allow different systems to communicate and exchange data.

Full article

Read More

Agile Architecture, Lean Architecture, or Both?

Key Takeaways Agile and Lean are not the same things. Agile is an empirical approach to delivering valuable increments of a product, while Lean is an approach to improving the flow of work by reducing waste and undone work, and improving cycle time.

Full article

Read More

The 20 Essential Principles of Software Development: LoD, SoC, SOLID, and Beyond.

Software design principles are the foundation of software development. As a software engineer, you can find them in your work tools, languages, frameworks, paradigms, and patterns. They are the core pillars of “good” and “readable” code. Once you understand them, you can see them everywhere.

Full article

Read More

Webhooks suck, but here are alternatives

Webhooks are a foundational part of the web’s infrastructure. Coined in a blog post in 2007, webhooks were suggested as a simple way to consume asynchronous feeds with a protocol all web developers are familiar with — HTTP.

Full article

Read More

The State of Generative AI, 2024

This article is a selection from The Algorithmic Bridge, an educational project to bridge the gap between AI and people. If you watch the news, it’s easy to miss the forest for the trees. The evidence is all scattered so let’s gather it in one place:

Full article

Read More

An intro to TSConfig for JavaScript Developers

JavaScript is constantly evolving, from its roots as a simple scripting language into a robust, modern tool for building complex applications. To manage larger, complicated code bases, JavaScript developers are constantly looking for ways to improve their workflows, their code quality and productivity.

Full article

Read More

The Serverless Illusion

Obviously, serverless technologies aren’t an illusion. They are quite real. AWS kicked off serverless in 2014 with the launch of Lambda, which remains the category-defining service to date.

Full article

Read More

A Distributed Systems Reading List

This document contains various resources and quick definition of a lot of background information behind distributed systems. It is not complete, even though it is kinda sorta detailed.

Full article

Read More

Building an interactive 3D event badge with React Three Fiber

In this post, we’ll look at how we made the dropping lanyard for the Vercel Ship 2024 site, diving into the inspiration, tech stack, and code behind the finished product. We’ve shared digital tickets for event attendance in the past, but this time, we wanted to take it one step further by creating a tangible experience. When Studio Basement made a video in Blender that depicted a virtual badge dropping down, we liked the idea of it so much that we started to wonder whether we could make it interactive and run it in the browser.

Full article

Read More

How to write a code formatter

Ask ten developers how they think a certain piece of code should be formatted, and you'll likely get ten different opinions. Worse, these opinions are almost never based on facts. Instead, when you ask why they prefer style X over Y the answer is almost always the equivalent of "I just do".

Full article

Read More

InfoQ Culture & Methods Trends Report - April 2024

Key Takeaways Whilst remote working presents challenges to innovation and collaboration, there are effective techniques to address them Staff-Plus engineers bring value through far more than their technical skills Developer Experience can be measured and there are metrics that can be used to find s

Full article

Read More

How do mixture-of-experts layers affect transformer models?

[Ed. note: This article comes from a Tweet first posted here. We’ve partnered with Cameron Wolfe to give his insights a wider audience, as we think they provide insight into various topics around GenAI.] Mixture of experts (MoE) has arisen as a new technique to improve LLM performance.

Full article

Read More

780+ developers told us how they're using data. Here's what they said.

For conducting this survey, we partnered with our friends at Bytes Newsletter for promotion. We wanted to capture a large segment of developers/engineers that are unfamiliar with our Directus offering, to ensure that the data is as unbiased as possible.

Full article

Read More

DevTools Tips & Tricks

Front-end developers spend a significant amount of time working inside the browser’s DevTools. Likely just as much as they spend time writing code in the code editor. However, most developers barely scratch the surface of what DevTools can accomplish.

Full article

Read More

“What is your current salary?” is a red flag that you don’t want to work here

You are on the initial phone screen call with someone from human resources. Since thirty minutes you are trying to explain succinctly what your life has been about in the last decade to a complete stranger. Maybe you have been teased with tricky questions on how git works internally, and you have done your best to answer correctly. You are starting to feel exhausted, but fortunately the call seems to come to an end.

Full article

Read More

Building a Remix app locally with Docker

Fly.io makes it easy to deploy containerized apps in seconds. The more comfortable you are with Docker, the smoother and more reliable your deployments can be. Let’s learn how to leverage Docker when developing your app locally!

Full article

Read More

InfoQ Software Architecture and Design Trends Report - April 2024

Key Takeaways Organizations are adopting cell-based architectures that contain and isolate a set of related services. The benefits include reduced latency, increased reliability, and cost savings.

Full article

Read More

Understanding Interaction to Next Paint (INP)

As of March 12th 2023, Interaction to Next Paint (INP) replaces First Input Delay (FID) as a Core Web Vital metric. FID and INP are measuring the same situation in the browser: how clunky does it feel when a user interacts with an element on the page? The good news for the web—and its users—is that INP provides a much better representation of real-world performance by taking every part of the interaction and rendered response into account.

Full article

Read More

Developers with AI assistants need to follow the pair programming model

Now that generative AI, large language models, and CodeGen applications have been out for a while, we’ve seen developers figure out their strengths, their weaknesses, and how they can deliver value to customers faster without getting hung up on untangling LLM confabulations.

Full article

Read More

Render Optimizations

React Query applies a couple of optimizations automatically to ensure that your components only re-render when they actually need to. This is done by the following means:

Full article

Read More

React Server Components in a Nutshell

Woah, there’s been a lot of noise about React Server Components (RSCs) lately and, for the most part, after reading all the really smart explanations by the internet’s smartest people, I didn’t really understand anything.

Full article

Read More

The View Transitions API

Like anyone, I love a good “native-feeling” experience on the web. I’ve really enjoyed creating that vibe with the new View Transitions API. Luckily it’s is pretty clean to work with, both with the Astro framework, and out of the box!

Full article

Read More

Exploring Authentication in Next.js

I delved deep into exploring Authentication in Next.js 14 using Next's App Router, React Server Components (RSC), and Server Actions. This comprehensive tutorial covers using Lucia Auth for sign up, sign in, sign out, and protected routes.

Full article

Read More

Exploring Server Actions with Next.js

I delved deep into exploring Server Actions in Next.js 14 using Next's App Router and React Server Components (RSC). This comprehensive tutorial shows how to use Server Actions to create, read, update, and delete (CRUD) entities.

Full article

Read More

Angular and Wiz Are Better Together

You may know Angular as the web framework from Google, but Google actually has another web framework: Wiz. Both Angular and Wiz are used by thousands of engineers and thousands of apps inside of Google.

Full article

Read More

7 Ways to Microfrontends in 2024

The microfrontend architecture has revolutionized how we think about building and scaling web applications. By breaking down frontends into manageable, independently deployable micro apps, organizations can enhance scalability, improve team autonomy, and accelerate development cycles.

Full article

Read More

Introducing Jpegli: A New JPEG Coding Library

The internet has changed the way we live, work, and communicate. However, it can turn into a source of frustration when pages load slowly. At the heart of this issue lies the encoding of images.

Full article

Read More

Microservices Design Principles You Really Need To Learn

Welcome to the world of microservices! If you're a programmer, developer, or software engineer looking to navigate the intricate landscape of modern software architecture, you've come to the right place.

Full article

Read More

Guide on Structured Logs [Best Practices included]

Structured logging is the method of having a consistent log format for your application logs so that they can be easily searched and analyzed. Having structured logs allows for more efficient searching, filtering, and aggregation of log data.

Full article

Read More

Introducing Simpler Project Creation in Deno Deploy

Deno Deploy, our multi-tenant V8 isolate cloud, is one of the simplest and fastest ways to deploy and run JavaScript and TypeScript on the web. It also natively supports npm: specifiers, as well as offers built-in cloud primitives — KV, queues, and cron — that become globally distributed for optimal performance.

Full article

Read More

Implementing the API Gateway Pattern in a Microservices Based Application with Node.js

Microservices offer enhanced scalability, flexibility, and agility. As organizations adopt microservices-based applications, managing the diverse and distributed nature of these services becomes a challenge.

Full article

Read More

GitHub Copilot General Availability in the CLI

We are excited to announce Copilot in the CLI is now generally available (GA) for all our Copilot Individual, Business, and Enterprise customers. Copilot in the CLI allows users to access the power of GitHub Copilot to get command suggestions and explanations without leaving the terminal. Starting today, developers can also use GitHub Copilot to execute suggested commands based on feedback shared during the public beta.

Full article

Read More

BFF: A design pattern helping teams gain ownership

This series explores the Backend For Frontend design pattern in 4 different dimensions captured in 4 posts. Part 1: A Design Pattern Helping Teams Gain Ownership, Part 2: What technical benefits?, Part 3: How to scale and avoid pitfalls?, Part 4: Alternatives & decision tree

Full article

Read More

Migrating 500+ tests from Mocha to Node.js

Over a month ago, we discussed a possible migration to the Node.js test runner. While we were sufficiently happy with Mocha, we are always looking to make our CI jobs faster.

Full article

Read More

Power of Partial Prerendering with Bun

In modern web development, optimizing the performance of web applications is paramount. One approach gaining traction is partial prerendering, a technique that combines static and dynamic content rendering to enhance both the bundle size and runtime speed.

Full article

Read More

🩹 Nx Crystal Plugin Picking the Essentials

As specified in my article, ⛔ Target Exclusions in Nx Project Crystal, there are use cases that necessitate extending the Nx Project Crystal. However, it is not possible to hook only a specific part of the plugin. You either take it all or you don’t use it at all.

Full article

Read More