HTMX vs React: A Complete Comparison

The ultimate goal of HTMX is to provide modern browser interactivity directly within HTML, without the need for JavaScript. Although relatively new, with its initial release in late 2020, this frontend library has quickly caught the attention of the IT web community.

Full article

Read More

JSR: What We Know So Far About Deno’s New JavaScript Package Registry

The JavaScript community is buzzing about JSR, a new package registry from the team behind Deno, a runtime for JavaScript, TypeScript, and WebAssembly based on the V8 JavaScript engine and Rust. The Deno team is no stranger to introducing alternative approaches to software development. Node.

Full article

Read More

Compiler Theory and Reactivity

The React compiler implements numerous traditional compiler transformations, that are generally not accessible without having some background in compiler theory.

Full article

Read More

React Will Be Compiled

In some ways it always was. But now you can forget about memoization Yesterday, the React team made this blog post announcing what they've been working on for React. Andrew Clark from the React team gives us a nice breakdown of the changes:

Full article

Read More

Next.js vs. Remix - A Developer's Dilemma

The React ecosystem is a bustling landscape, brimming with frameworks promising to revolutionize web development. Today, we’ll be diving into two popular contenders: Next.js and Remix. Next.js is one of the most popular React frameworks used for server-side rendering.

Full article

Read More

Best CI/CD tools (2024)

This blog was originally published in the Typo blog. Continuous integration/Continuous delivery (CI/CD) is positively impacting software development teams. It is becoming a common agile practice that is widely been adopted by organizations around the world.

Full article

Read More

Instant Search Params with React Server Components

In React's new Server Component paradigm, routing is server-centric. Navigations in dynamic RSC apps – like those triggered by router.push in Next.js – cause React to wait on a server roundtrip before it can update the page.

Full article

Read More

The Value of Socially Driven Architecture

HR processes and high wages can lead to us finding work for our most expensive employees. Putting people to work is not always the most effective way of improving your systems, even if it feels like it’s the right thing to do.

Full article

Read More

The Wrong Way to Use DORA Metrics

In the last few years, a lot has been said in favor of DORA metrics for measuring the success of developer enablement within your organization: how well your platform engineering, operations, and developer experience efforts are making it easier for developers to deliver features and maintain services.

Full article

Read More

React Testing Library vs Jest

An in-depth overview of React Testing Library vs Jest. “Why do most developers fear making continuous changes to their code? They are afraid they’ll break it! Why are they afraid they’ll break it? Because they don’t have tests.”

Full article

Read More

DevOps Topologies

This content was originally authored by (Matthew Skelton), and expanded by (Manuel Pais). See Matthew's original post. Team Topologies book available to order now in paperback, ebook or audiobook!

Full article

Read More

How can we keep domains working long after our death? – Chuck Grimmett

Dealing with your digital legacy after your death is a big issue, and one that requires a lot of thought and a lot of problems to be solved, so let’s break it down into smaller pieces and think about them individually.

Full article

Read More

How To Center a Div

For a long time, centering an element within its parent was a surprisingly tricky thing to do. As CSS has evolved, we've been granted more and more tools we can use to solve this problem. These days, we're spoiled for choice!

Full article

Read More

Reviewing Zed: The IDE of the Future

Zed is a new, open-source IDE that’s faster than Sublime Text and provides features that exceed those provided by VSCode. It is currently in beta and can be downloaded only on Mac devices, but support for Windows and Linux is coming.

Full article

Read More

What We've Been Working On – February 2024 – React

In React Labs posts, we write about projects in active research and development. We’ve made significant progress since our last update, and we’d like to share our progress. React Compiler is no longer a research project: the compiler now powers instagram.com in production, and we are working to ship the compiler across additional surfaces at Meta and to prepare the first open source release.

Full article

Read More

Updates from the 100th TC39 meeting

There were several items on the agenda, this post focuses on feature proposals and their progress from the 99th TC39 meeting [6-8th Feb 2024]. Iterator Unique: add a method to iterators to produce an iterator of only its unique values.

Full article

Read More

Big Tech jobs have lost their glamour

Once the pinnacle of employment, Big Tech is finding its star tarnishing among layoffs and cutbacks. Workers across the industry are questioning their next moves. Michael says he joined his Big Tech company in spring 2021 to test himself against the best software engineers in the world.

Full article

Read More

Okay, Color Spaces

Well first you take some colors. The space has coordinates. In the little toy color space we've just defined, red is at (x=0,y=1), yellow is at (-1,-1), and blue is at (1,-1). That’s a color space!

Full article

Read More

Remix Vite is Now Stable

Today we’re excited to announce that support for Vite is now stable in Remix v2.7.0! After the initial unstable release of Remix Vite, we’ve been hard at work refining and extending it over the past few months with help from all of our early adopters and community contributors.

Full article

Read More

React Trends in 2024

The year 2024 got me excited about React's ecosystem again. Despite the various challenges and dramas (the biggest one of them moving React to the server with React Server Components) we had last year, there are emerging React trends that everyone should have on their watchlist.

Full article

Read More

Learning Four Key Primitives In Solid

Today we are going to talk about four key primitives that Solid utilizes to make building web applications fun for the developer and also great for end users. Where else would one start but with signals.

Full article

Read More

Tackling the challenges of using event-driven architecture in a billing system

When new systems are created or legacy systems migrated, there can sometimes be a discrepancy between the progress of event producers and consumers. This means that our architecture design also needs to consider the way replayed events will be processed from the perspective of the event consumer.

Full article

Read More

The Compounding Effect of Knowledge

This article is a series of lessons from my time in the software industry that I wish I could have told my younger self. A career filled with luck, grit and amazing people. My hopes are to share my experience and methodologies to shine a light onto an inspiring path that others can learn from if they feel a bit lost.

Full article

Read More

System reliability: when 99% is better than 100%

Service Level Objectives (SLOs) specify a target for the reliability of systems. Each percentage increase (be it 0.900 or 0.999) has a significant impact on how much downtime is allowed: The key is to aim for high reliability, rather than extreme reliability. There are two core reasons for this.

Full article

Read More

The best way to get NVM working in CI/CD systems

While reasoning is important, readers may not be interested in all the frustrations I experienced while figuring out how to get things done. If you’re looking for a quick solution, skip to the “What eventually worked?” section.

Full article

Read More

The psychology of site speed and human happiness

In the fourteen years that I've been working in the web performance industry, I've done a LOT of research, writing, and speaking about the psychology of page speed – in other words, why we crave fast, seamless online experiences.

Full article

Read More

Top 5 React Design Patterns That You Should Know in 2024

If you’ve worked in React, one of the first things you’ve learned is to think in components. Rather than implementing one single component for an entire UI collection, you’re encouraged to break it down into smaller, reusable units. For example, consider the React component diagram:

Full article

Read More

Goodbye Electron. Hello Tauri!

Many a developer can tell you about their love-hate relationship with the JavaScript GUI framework that helped revolutionize the way many desktop applications are made.

Full article

Read More

The Performance Inequality Gap, 2024

The global device and network situation continues to evolve, and this series is an effort to provide an an up-to-date understanding for working web developers. So what's changed since last year? And how much HTML, CSS, and (particularly) JavaScript can a new project afford?

Full article

Read More

Frontend Application Security: Tips and Tricks

Since everything nowadays runs on computing and relies on interconnected systems to provide cutting-edge business services to keep up with the never-ending demand set by customers, it is no surprise that businesses need to adopt state-of-the-art technologies to stay ahead of their competition.

Full article

Read More

Git Tips 1: Oldies but Goodies

For the first in our short series of Git tips, I wanted to start with stuff that's been around for a while, but it still seems like a lot of people don't know about or don't know how to use. None of this is new, but I find them useful and they're arguably a little obscure.

Full article

Read More

Starters Upgrade: WebContainers and Vite

It finally happened: Vite and WebContainers have pushed us to make significant changes to our Starters list. Let me explain. When StackBlitz first launched in 2017, the primary focus of our experience was what we now call “Starters.

Full article

Read More

Making Use of Code Coverage

Code coverage is a peculiar metric. It’s spawned a lot of debate and the views on it differ quite significantly in the JavaScript community. On its own, it’s a tool. Like any tool, it can be useful but it can also be misused.

Full article

Read More

You Might Not Need an Effect – React

Effects are an escape hatch from the React paradigm. They let you “step outside” of React and synchronize your components with some external system like a non-React widget, network, or the browser DOM.

Full article

Read More

How we Increased Search Traffic by 20x in 4 Months with the Next.js App Router

Get ready for a highly technical blog post. 😂 If you’re not here for code, you might want to check out our Trending Books page, or The 2023 Year in Books. This post will focus on the technical decisions we’ve made on Hardcover over the last year – which are starting to pay huge dividends! The traffic from Google speaks for itself.

Full article

Read More

Squeezing Last Bit Of JavaScript Performance For My Automation Game

Shortly after I released Industry Idle, I did a big round of optimization which I wrote about. For those of you who’ve never played Industry Idle, it is a factory automation and economy simulation game.

Full article

Read More

Remix Takes on Next.js in Battle of the React Frameworks

The JavaScript frameworks Remix and Astro are currently getting a lot of buzz as simpler alternatives to Next.js, the dominant framework of the React era. Of the two upstart frameworks, Remix is more of a direct competitor to Next.

Full article

Read More

Interaction to Next Paint becomes a Core Web Vital on March 12

Interaction to Next Paint will officially become a Core Web Vital and will replace First Input Delay on March 12. The Web Vitals program provides metrics to help web developers measure key aspects of the user experience on the web.

Full article

Read More

The outcome of the strategy becomes culture

I also found the sentence as “Execution eats strategy for breakfast”. It is interesting the amount of organizations eating strategy each morning. 😅 Those sentences bring me interesting thoughts regarding how culture, strategy, and execution are related to each other.

Full article

Read More

Hot Module Replacement is Easy

If you've built projects with Vite, chances are you've also used Hot Module Replacement (HMR). HMR allows you to update your code without having to refresh the page, such as editing a component markup or adjusting styles, the changes are immediately reflected in the browser, which enables faster code interation and improved developer experience.

Full article

Read More

What every dev should know about using Environment Variables

An environment variable is a value that is set from outside the program. The purpose of environment variables is to be able to change your program functionality without having to rebuild and/or redeploy the program. We will look at how environment variables work, their main usages, common pitfalls, and the best approaches for using environment variables in Expo React Native apps.

Full article

Read More

Versioning and Releasing Packages in a Monorepo

When it comes to publishing NPM packages, there are a bunch of libraries and utilities out there that help with the process. Many of them are tricky when it comes to properly configuring them in a monorepo. Nx already has all that knowledge.

Full article

Read More

Immutable JavaScript – How to Improve the Performance of Your JS Applications

Javascript has become a very popular programming language thanks to its growing use in frontend and backend development. And as devs build JavaScript applications for different companies and organizations, the size and complexity of these applications can pose interesting performance challenges.

Full article

Read More

🤯 How to Build the 𝘃𝟬.𝗱𝗲𝘃 𝗼𝗳 𝗿𝗲𝘀𝘂𝗺𝗲𝘀 with Next.js & OpenAI 🪄✨

In this article, you will learn how to build an AI-powered resume builder application using Nextjs, CopilotKit & OpenAI. We will cover: Just a quick background about us. CopilotKit is the open-source AI copilot platform. We make it easy to integrate powerful AI chatbots into your react apps.

Full article

Read More

What if Nx Plugins Were More Like VSCode Extensions

Enhance, but don’t interfere! That’s the ideal! And this is how extensions work in VSCode (or Webstorm). You can use VSCode without any extension and get some basic functionality, or you can add an extension on top to enhance your experience and, ideally, increase your productivity.

Full article

Read More

SCORP - the well-architected tool for Architecture Reviews

As AWS evolves, it’s increasingly necessary to adhere to best practices to help you create high-performance, secure, and cost-effective workloads. However, it can be difficult for users to achieve all this and evolve with every new AWS service or update.

Full article

Read More

Navigating Tech Industry Burnout

As I reflect on the 20+ years in my career in software engineering, I have observed an enigmatic pattern in myself that has allowed me to take a sustainable approach to the tech industry.

Full article

Read More

The next evolution of serverless is stateful

Hi, my name is Sunil Pai, and for the last year or so I’ve been building a new kind of realtime platform called PartyKit. It’s a new way to write serverless functions that are stateful.

Full article

Read More

Announcing React Native for Apple Vision Pro

React Native is now available on Apple Vision Pro, unlocking the platform's full potential for developers. Unlike compatibility mode, this approach allows immersive experiences and XR features on visionOS. Challenges included adapting code for visionOS specifics and overcoming simulator limitations.

Full article

Read More

Understanding Architectures for Multi-Region Data Residency

Key Takeaways The key to effective data residency lies in understanding customer motivations, often unrelated to GDPR, and aligning technical solutions with contractual promises.

Full article

Read More