Bottleneck #06: Onboarding

Onboarding; Too long for new hires to reach full effectiveness This article is part of the series: Bottlenecks of Scaleups Contents How did you get into the bottleneck? Signs you are approaching a scaling bottleneck How do you get out of the bottleneck? How did you get into the bottleneck? A growi

Full article

Read More

Next.js App Router migration: the good, bad, and ugly

Last year, we rebuilt the Flightcontrol dashboard from scratch with Next.js App Router. The old dashboard was built with Next.js Pages Router. The old dashboard did the job, but the UI was designed by me, an engineer, and felt too much like a prototype.

Full article

Read More

The zen of state in Solid.js

Solid.js is a frontend framework that is known for its superficial similarities and otherwise vast differences to react. One of its best parts is its signals-based state management. Signals are the simplest unit of state in Solid.js.

Full article

Read More

People like me are why you shouldn't run a hosting company

Did you know Vercel limits URLs to 14kb? I know because I'm awful 😂 For the past few weeks I've been updating my Swiz CMS as an excuse to explore NextJS 14, the app router, and React Server Components. My goal was to avoid client-side API calls.

Full article

Read More

Prop drilling and component composition in React

Let’s say we have this UI structure. The navigation is dynamic. The Sidebar receives the data from the server and renders navigation based on this data. We need to map this data to our components (NavList, NavItem, SubNavList, SubNavItem). One way of doing this is to let the components render each other and pass the data along the way.

Full article

Read More

How to Use React Dev Tools – With Example Code and Videos

When you're working on a React project, one of the easiest ways to debug your code is using the React Dev Tools. React Dev Tools is an extension created by the React team. It enables developers to debug their code inside their Developer Tools. Once you add the extension, you will get 2 new tabs in DevTools called Components and Profiler, respectively.

Full article

Read More

Forming an Architecture Modernization Enabling Team (AMET)

I co-authored this article with Nick Tune (article on Nick’s blog) based on our experiences and learnings from working together with clients on architecture modernization initiatives. This is the second article of a series on Architecture Modernization Enabling Teams (AMETs).

Full article

Read More

Derivations in Reactivity

We will be using pseudocode not to cater to the syntax of a specific library or framework. It doesn't take much to understand that when I update this state an event happens that calls my side effect. It also isn't too difficult to implement this behavior yourself.

Full article

Read More

Leaderless Replication In Distributed System

In our last article, we explored the structured worlds of single-leader and multi-leader replication, along with their unique challenges. Today, we’re turning the page to a different chapter: leaderless replication. This approach marks a significant departure from traditional models.

Full article

Read More

How to Validate Forms with Zod and React-Hook-Form

Forms allow you to collect user data on your websites and apps. And validation is essential to guarantee type safety and the proper format for collected data. You can perform validation on both the client and server side of the application.

Full article

Read More

Want to Be a Better Leader? Stop Thinking About Work After Hours.

Are you a manager who often finds yourself thinking about work late into the night? Do you tend to continue to stress over work-related problems, or do you switch off your mind and relax in the evening?

Full article

Read More

Stable Diffusion WebUI AUTOMATIC1111: A Beginner’s Guide

Stable Diffusion web UI (AUTOMATIC1111 or A1111 for short) is the de facto GUI for advanced users. Thanks to the passionate community, most new features come to this free Stable Diffusion GUI first. But it is not the easiest software to use. Documentation is lacking.

Full article

Read More

Rebuilding Netflix Video Processing Pipeline with Microservices

This is the first blog in a multi-part series on how Netflix rebuilt its video processing pipeline with microservices, so we can maintain our rapid pace of innovation and continuously improve the system for member streaming and studio operations. This introductory blog focuses on an overview of our journey. Future blogs will provide deeper dives into each service, sharing insights and lessons learned from this process.

Full article

Read More

How to lead a team of senior engineers

One of the responsibilities of engineering leader is to support their teammates with self-development. Growing a high-performing team with knowledgeable and experienced engineers should be the ultimate goal for a manager.

Full article

Read More

Continuous Integration

Continuous Integration is a software development practice where members of a team integrate their work frequently, usually each person integrates at least daily - leading to multiple integrations per day.

Full article

Read More

Top Front-End Tools Of 2023

Over the past 12 months, I’ve shared hundreds of tools in my newsletter, Web Tools Weekly. I feature tons of practical libraries, helpers, and other useful things for front-end and full-stack developers. These tools span numerous categories, including JavaScript libraries and utilities, web frameworks, CSS generators, database tools, React components, CLI tools, and even ChatGPT and AI-based tools, the latter of which I’ve started covering regularly over the past year.

Full article

Read More

Common mistakes with the Next.js App Router and how to fix them

After talking to hundreds of developers and looking at thousands of Next.js repositories, I've noticed ten common mistakes when building with the Next.js App Router. This post will share why these mistakes can happen, how to fix them, and some tips to help you understand the new App Router model.

Full article

Read More

16 Lesser Known Accessibility Issues

We’ve been building a bi-lingual application for a public sector organisation in Wales. As part of the process we partnered with the Digital Accessibility Centre (DAC) to audit our code.

Full article

Read More

The Query Options API

React Query version 5 was released about three months ago, and with it, we got one of the biggest "breaking" changes in the library's history. All of our functions now only get one object passed, instead of multiple arguments. We call this object the Now technically, this API isn't new.

Full article

Read More

Your tech toolbox: The middle ground between tech chaos and rigidity

Do you solve new problems the same way because it's already done? Or do you go with a new approach that offers more benefits? Thanks to David Meyers, Principal Engineer at Flipp, for introducing me to this concept, normalizing it, and implementing it flawlessly.

Full article

Read More

Guarding JS Objects with Proxy

A guard's job is to protect something or someone and intercept potential interactions with the thing they guard. Here, we'll talk about a guard whose job is to protect a JavaScript object! And using this guard is free! Well, kind of.. let's get into it.

Full article

Read More

The tech layoffs continue

A quarter of a million tech workers were laid off last year from the likes of Google, Amazon, Meta, Microsoft, and thousands of other big and small companies in the industry. And it looks like this year is not going to bring any relief.

Full article

Read More

Kind of annoyed at React

I’m kind of annoyed at the state of React lately. I still use it regularly, and am somewhat friendly with the folks that work on it still, and it’s the first library I reach for, but… it’s just gotten too confusing and frustrating. Not to boast but I like… really know React.

Full article

Read More

Explore near Real-time Streaming Data Using a Web UI

By: Ryan Lacerna, Vishnu Shankar, Istvan Megyeri, Dimple Verma, Zhiying Gao, Chris Savio, Connor Culleton, Lukasz Krawiec, Amit Kumar Data is critical. At Expedia Group, data enables us to understand our customers, optimise our operations, and make strategic decisions.

Full article

Read More

Shopping for speed on eBay.com

Optimizing the performance of eBay’s sites and apps for a faster user experience. Speed was a company-wide initiative for eBay starting in 2019, with many teams determined to make the site and apps as fast as possible for users.

Full article

Read More

5 Inconvenient Truths about TypeScript

I’m writing books about TypeScript and I do workshops and trainings online and in-house. Every time I meet a new group of developers there are some TypeScript facts that they need to be confronted with:

Full article

Read More

The Perfect Webpage

As the 14th season of Bravo’s Real Housewives of New York City came to a close this fall, I found myself on Reddit, reading rumors about the marriage and divorce timeline of one of the show’s stars.

Full article

Read More

How Lee Robinson created his Guestbook, and you can do it too

Building full-stack web apps used to be a complex task. But then came Next.js, a game-changer for React developers like you and me. This powerful framework from Vercel makes full-stack development very easy. Let's build a guestbook app together to see the process in action using the Vercel stack.

Full article

Read More

If you want to address tech debt, quantify it first

When Ward Cunningham coined the technical debt metaphor, he needed a way to discuss the decisions made early in a project that were coming back to haunt his engineers as they continued building down the line. He was at a firm doing financial software, so a fiscal metaphor was in order.

Full article

Read More

The Website vs. Web App Dichotomy Doesn't Exist

You don’t need to wade far into web development discourse to hear about the website vs. web app dichotomy. It posits that websites can be grouped into two categories: mostly static “documents” with little user interaction beyond following links, and “applications” that involve rich dynamic behavior. Usually, people invoke it to talk about the use, abuse or avoidance of JavaScript frameworks.

Full article

Read More

Thoughts on Remix

What we like about Remix # The docs are easy to navigate and extensive, spanning high-level discussions on the various approaches and tradeoffs for building modern web applications, API documentation, and topic/objective-based guides.

Full article

Read More

Enhancing Performance with React Query's Caching

Adding caching helps get better performance, and this article shows how the React Query library can help with this by properly using the cacheTime and staleTime parameters. Discover how at OpenReplay.com.

Full article

Read More

Frontend predictions for 2024

It's been a remarkable year for frontend. We've seen a gold rush to capture – and invent – the server-side rendering (SSR) market; the advancing tentacles of AI; a Cambrian explosion of web renderers and JS engines; a formidable line of hopefuls attempting to unseat the big names from their pedestals; and movements on various other fronts.

Full article

Read More

Module Federation gets upgraded, and Rspack supports it.

Its a double whammy release for the Module Federation universe. Four years after its creation, it gets a major upgrade. The support of Module Federation in Rspack opens up a several of creative migration options to speed up bundler tools by sharing code at runtime.

Full article

Read More

The Complete Playwright Cheatsheet

Playwright is a Node.js library for cross-browser end-to-end testing. It enables reliable testing across Chromium, Firefox and WebKit. Playwright supports 3 browser types - chromium, firefox and webkit. Browser instances can be created as:

Full article

Read More

Performance Optimization with React 18 Concurrent Rendering

Concurrent rendering is one of the most exciting new features of React 18, and as such, it’s often discussed in the React community. Still, while it’s most frequently described as a great tool for performance optimization, we should implement it with some caution.

Full article

Read More

Knowledge is cheap

As a self-employed software engineer, I frequently transition between projects and companies, each requiring some form of interview process. Typically, my interviews as a freelancer are expected to be a single, more relaxed session.

Full article

Read More

When "Everything" Becomes Too Much: The npm Package Chaos of 2024

Happy 2024, folks! Just when we thought we'd seen it all, an npm user named PatrickJS, aka The everything package and its 3,000+ sub-packages have caused a Denial of Service (DOS) for anyone who installs it. We're talking about storage space running out and system resource exhaustion.

Full article

Read More

Mind Boxing: How Leaders (Should) Spend Their Time (The 6 Box Framework)

How do you “define” the role of a leader? More specifically, how should leaders spend their time? Leadership is complicated. Every leader is different. They have a unique style, a unique background, and a unique approach.

Full article

Read More

The Two Reacts

Suppose I want to display something on your screen. Whether I want to display a web page like this blog post, an interactive web app, or even a native app that you might download from some app store, at least two devices must be involved. Your device and mine.

Full article

Read More

Is software getting worse?

[Ed. note: While we take some time to rest up over the holidays and prepare for next year, we are re-publishing our top ten posts for the year. Please enjoy our favorite work this year and we’ll see you in 2024.] I recently stumbled upon “Software disenchantment,” a post by Nikita Prokopov.

Full article

Read More

Stop saying “technical debt”

Everyone who says "tech debt" assumes they know what we’re all talking about, but their individual definitions differ quite a bit. We were supposed to release this feature three weeks ago.

Full article

Read More

v3 is out!

For most developers, upgrading won’t require any changes. For some, it will be pretty trivial. However, the release brings tons of good stuff, so for the starter, here’s a quick overview of the most notable changes..

Full article

Read More

React Server Components: the Good, the Bad, and the Ugly

React Server Components bring server-exclusive capabilities to React. I’ve been using this new paradigm within Next.js 13 and 14, and what follows is my honest assessment of it1. I debated not publishing this post because of the way the React community has historically handled criticism.

Full article

Read More

10 Interview Questions Every JavaScript Developer Should Know in 2024

The world of JavaScript has evolved significantly, and interview trends have changed a lot over the years. This guide features 10 essential questions that every JavaScript developer should know the answers to in 2024.

Full article

Read More