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

Flaky Tests In React: Detection, Prevention and Tools

In the context of React, testing is a non-negotiable process to maintain code quality and a smooth user experience. However, there’s one frustrating bad news that is commonly faced when running tests in React. And that is flaky tests.

Full article

Read More

All Estimations Are Wrong, But None Are Useful

If you’re working in a team using the Scrum framework, you use story points to estimate effort on your stories, tasks, etc. Then, some management considers this and plans, measures your productivity, and even keeps you accountable when something is done.

Full article

Read More

Patterns of Legacy Displacement

Effective modernization of legacy software systems When faced with the need to replace existing software systems, organizations often fall into a cycle of half-completed technology replacements.

Full article

Read More

How to Build Your Own ChatGPT Clone Using Clerk & AWS Bedrock

Over the last few months, AI-powered chat applications like ChatGPT have exploded in popularity and have become some of the largest and most popular applications in use today. And, for a lot of people, they may have an air of mystery and wonder about how they work.

Full article

Read More

How To Use The Web Bluetooth API

A few weeks ago, I stumbled on a browser API I never knew existed; the web Bluetooth API. It seems to have been in development for about 7+ years, and I’m glad most browsers now support it.

Full article

Read More

Using react-to-print to generate a printable document

You can call JavaScript’s default print function on the window object to print it. While this is convenient for printing the entire document in a window, it lacks customizability. You can’t easily print one specific section, and often, the styles applied to the document get lost in the process.

Full article

Read More

Why I Like React (even in 2024)

I recently read a post about React being antiquated. I have liked React for a long time (here is a local meetup talk I gave in 2015?! https://ejosh.co/de/2015/08/my-talk-on-react/ ).

Full article

Read More

Monorepos — Why Speed Matters

In the ever-evolving landscape of software development, efficiency and speed are vital. As projects grow in complexity, developers and teams need tools that can keep up without sacrificing quality or performance.

Full article

Read More

WebSockets vs Server-Sent-Events vs Long-Polling vs WebRTC vs WebTransport

For modern real-time web applications, the ability to send events from the server to the client is indispensable. This necessity has led to the development of several methods over the years, each with its own set of advantages and drawbacks. Initially, long-polling was the only option available.

Full article

Read More

Optimizing Javascript for fun and for profit

I often feel like javascript code in general runs much slower than it could, simply because it’s not optimized properly. Here is a summary of common optimization techniques I’ve found useful.

Full article

Read More

Announcing VitePress 1.0

Today we are happy to announce the (long overdue) 1.0 release of VitePress! VitePress is a Static Site Generator (SSG) designed for building fast, content-centric websites.

Full article

Read More

Architecting for High Availability in the Cloud with Cellular Architecture

Key Takeaways Cellular architecture can provide significant benefits for customers and businesses, such as increased availability, resilience, and increased engineering velocity.

Full article

Read More

Type system of the React compiler

If you're wondering what the React compiler is, I recommend reading our recent update post for some background. This post is for anyone curious about the compiler theory behind it. Don't feel pressured to understand everything in this post in order to use the compiler.

Full article

Read More

Mental Health in Open Source

TL;DR: I am doing great and not going anywhere. Having some presure but still holding up and trying to improve. Thank you and don’t worry! This is the 4th year since I have started doing Open Source.

Full article

Read More

Dynamic Imports in React for Enhanced Performance

In my React development journey, I’ve learned that optimizing performance is crucial. A game-changer for me has been dynamic imports, a JavaScript feature that lets you split your code into smaller chunks, loading them only when needed.

Full article

Read More

The quiet, pervasive devaluation of frontend

There’s a trend I’ve noticed—or at least, I think I’ve noticed. It’s the kind of thing that’s hard to be sure of; the kind that might genuinely be true, or might simply appear to be true if you look at it a certain way. Maybe it’s both.

Full article

Read More