How we made the Vercel Dashboard twice as fast

We want to keep the Vercel Dashboard fast for every customer, especially as we add and improve features. Aiming to lift our Core Web Vitals, our Engineering Team took the Lighthouse score for our Dashboard from 51 to 94.

Full article

Read More

Great engineering cultures are built on social learning communities

Stack Overflow is named as a Sample Vendor in the 2022 Gartner® Hype Cycle™ for Agile and DevOps for Communities of Practice. We believe this is a powerful step forward in enabling organizations of all sizes to build strong internal communities that foster collective learning.

Full article

Read More

How To Build A Localized Website With Hugo And Strapi

Localizing your site can benefit your business or organization in several ways. By translating your content or site, you expand the markets you target. Adapting your product to the language and cultural preferences of potential customers who were not able to use your product before boosts your conversion rates.

Full article

Read More

What Makes Team Members or Clients Fun to Work With?

When I reflect on previous project experiences, rarely do I actually reflect on the work itself. Instead, I often find myself describing projects in terms of the people. I might describe a project by the difficulty I had creating camaraderie with a client project manager.

Full article

Read More

Stop The Screen Going To Sleep With JavaScript

We've all been there. Cooking a complex recipe where each step takes a good couple of minutes. Our hands covered in some type of sauce made of who knows how many ingredients. We go to check the next step on our phone only to see that it's gone to sleep due to inactivity.

Full article

Read More

Designing inflatable Microservices Architecture

MSA that morphs depending upon scale without overcomplicating development. We’ve all read of the million transactions/sec systems of Google or Linkedin. And we’ve read about the scale of Netflix and its success with Microservices architecture‌‌ (MSA).

Full article

Read More

Why we had to move away from React Query

Last year we started using React Query for all of our API calls (and we talked about it in this article about optimizing API calls). However, the more we were using it, the more obvious it became that React Query was not providing the ideal structure for our data.

Full article

Read More

500ms to 1.7ms In React: A Journey And A Checklist

I bet the need to tweak perfomance comes in a certain phase of development for every developer, in every app. There are very good resources and articles about how to tweak performance in react and this article is no exception.

Full article

Read More

Skilling for success: How demand for development skills is changing

There are hundreds of thousands of Silicon Valley caliber developers around the world. And as we all know, demand for great technical talent remains strong. Unfortunately, many of these talented coders miss out on incredible opportunities.

Full article

Read More

How to Use Leaflet to Display Google Maps-like Maps in a React App

Sometimes you’re building a React app and need to display a map or a map-like component on the screen. Leaflet is a JavaScript library that allows you to do just that. Here’s a quick tutorial that will show you how to set it up quickly and get a map displayed on your app.

Full article

Read More

The Best Software Engineering Career Paths

I am a software engineer that graduated in computer science 20 years ago and since then have been building software one way or another. I have worked in all sorts of environments, like small startups, consultancy companies, big companies, launched a few startups over the years, and everything in between. Among many places, I worked for Upstart, Airbnb, and Stripe.

Full article

Read More

How do database indexes work?

If you’ve queried a database, you’ve probably used an index, even if you didn't know it at the time. Database indexes help speed up read queries by creating ancillary data structures that make your scans faster.

Full article

Read More

Deep dive into JavaScript's Iterators, Iterables and Generators

The default operations like for...of loop in JavaScript are powered behind the scene by the concepts of Iterators, Iterables, and Generators. These concepts serve as the protocol for iterating over data structures provided by JavaScript, such as the for...

Full article

Read More

React re-renders guide: everything, all at once

Comprehensive guide on React re-renders. The guide explains what are re-renders, what is necessary and unnecessary re-render, what can trigger a React component re-render.

Full article

Read More

How To Use Multithreading in Node.js

The author selected Open Sourcing Mental Illness to receive a donation as part of the Write for DOnations program. Node.js runs JavaScript code in a single thread, which means that your code can only do one task at a time. However, Node.

Full article

Read More

React code conventions and best practices

All the major tools for React provide linting rules. If you like, feel free to edit them to fit your style, but always use some and automate the process of linting and formatting. Preferred tools are eslint and prettier. Add some import order rules to your eslint config.

Full article

Read More

Micro-frontend with React and Next.js

Working on a large-scale project and managing its codebase can be a big challenge for teams. Though micro-frontends have been in the picture for a while now, they are getting increasingly popular because of their unique features and usability.

Full article

Read More

A Quick Overview of NFT Token Transfer and Approval

From my last post about NFT staking contracts, I received a message on Twitter from a developer. That developer was creating a staking contract for an NFT project but was getting the following error: “ERC721: transfer caller is not owner nor approved”.

Full article

Read More

When Microservices Are a Bad Idea

On paper, microservices sound wonderful. They are modular, scalable, and fault tolerant. A lot of companies have had great success using this model, so microservices might naturally seem to be the superior architecture and the best way to start new applications.

Full article

Read More

Node.js ORMs overview and comparison

I believe that ORM is the most important tool for backend development, the tool we spend the most of time working on a feature, the tool we scold the most, always wanting for something better. Here I'm doing a review of 6 popular ORMs to compare and to find the best one.

Full article

Read More

Hermes as the Default

Last October, we announced that we had started work towards making Hermes the default engine for all React Native apps. Hermes has provided a lot of value to React Native inside of Meta, and we believe the open-source community will benefit as well.

Full article

Read More

Design a Notification System

Financial orgs: It is very important to tell people about their upcoming payments. ECommerce orgs: When subscribed to an e-commerce outlet, customers may be notified of the availability of a product, order placement, or order shipment.

Full article

Read More

Build an automated ecommerce app with WhatsApp Cloud API and Node.js

In May 2022, Meta (the company formerly known as Facebook, which owns WhatsApp) announced that they were opening up the WhatsApp Business API to the public.

Full article

Read More

Why DevOps Governance Is Crucial to Enable Developer Velocity

Key Takeaways The complexity of application environments and the need to maintain cost controls, planning and compliance can be a significant obstacle for developers to innovate with velocity—if mismanaged.

Full article

Read More

Selenium vs Cypress: Does Cypress Replace Selenium?

Learn how Cypress compares to Selenium, a better choice in the software testing world, in terms of speed test, architecture, language support, and much more. By automating the entire test procedure, your company will not only save money and time but also deliver superior quality products.

Full article

Read More

An in-depth perspective on webpack's bundling process

Webpack is a very powerful and interesting tool that can be considered a fundamental component in many of today's technologies that web developers use to build their applications. However, many people would argue it is quite a challenge to work with it, mostly due to its complexity.

Full article

Read More

Examples of large production-grade, open-source React apps

It's bloody hard to find a good example of a large production-grade, open-source React app. On that note, I've reviewed the following well-known open-source React apps, and reckon they're worth checking out.

Full article

Read More

JavaScript Design Patterns – Explained with Examples

I'm a full stack dev (javascript | typescript | react | react native | node) and computer science student. Here I write about the things I learn along my path to becoming the best developer I can be. If you read this far, tweet to the author to show them you care.

Full article

Read More

Top Micro Frontend Frameworks

Traditionally, frontend development has relied on HTML, CSS, and JavaScript to structure pages and give users interactive elements. That’s changed over the last few years as more developers adopt micro frontend frameworks that function more like backend development.

Full article

Read More

5 Things I’ve Gained from the Job Interviewing Process

For the last three years, I’ve been interviewing folks who apply to join our Ann Arbor office. A lot of people think of this as something you do for the company. But, I think this has benefited me in many ways, too. I think everyone can get in their own head during the day-to-day of their jobs.

Full article

Read More

The Great Attrition is making hiring harder. Are you searching the right talent pools?

People keep quitting at record levels, yet companies are still trying to attract and retain them the same old ways. New research identifies five types of workers that employers can reach to fill jobs. It’s the quitting trend that just won’t quit.

Full article

Read More

How to Authenticate a User via Face Recognition in Your Web Application

Authentication is a very crucial aspect of your web application. If you are offering a service or selling some product to the user, you should keep track of the user for future reference. All these can be only possible if you have an authentication system in place.

Full article

Read More

Developers : Don't Be Afraid to Reevaluate the Backlog

My current project looks straightforward from the outside. The client has a mobile app implemented as separate native Android and iOS apps. The engagement is to reskin the app to fit a subtly different end-use case.

Full article

Read More

Questions Developers Should Consider Asking Potential Employers

If you are looking for a guideline on how to find a good employer, these questions may be a good place to start. During the whole recruitment process, we are asked a lot of questions to prove our skills as software engineers.

Full article

Read More

Fundamental Software Architectural Patterns

Patterns are essentially reusable solutions to common problems. When faced with a problem it is reasonable to consider a catalog of patterns in order to find suitable existing solutions before designing something entirely new.

Full article

Read More

How observability is redefining the roles of developers

You’re tracking a bug through production. You look through the logs. The one thing you need isn’t there… Dead end. A few years ago, I was tracking a production issue with a server that triggered a request to a database read due to cache misses.

Full article

Read More

Bun: The JavaScript runtime taking on Node.js and Deno

Bun is a new, blazing fast JavaScript runtime that has everyone talking. To understand why Bun is such a big deal, let’s first review some important JavaScript history. When JavaScript was first created, it only ran in browsers, originally Netscape Navigator.

Full article

Read More

Git-Flow, GitHub-Flow, Gitlab-Flow and Trunk Based Development explained

There are many ways to organize your branches with git. In this article I want to show you 4 ways of doing so. We will see what are the pros and cons and when they are most applicable. So let's start. Ahhh Git-Flow. In theory so nice and then the hard realitiy hits.

Full article

Read More

The Cost of Consistency in UI Frameworks

Sometimes there are problems that have no universally good solutions. There is some tradeoff to be made. Some perspectives that can't be protected. Sometimes it isn't even clear if any of the options are preferable to the others.

Full article

Read More

Building a Platform Team — Laying the Foundations

Every piece of software begins with a single line of code and grows from there. Walmart.com was no exception to this. We launched a slew of features over the last couple of years and our sales grew at a phenomenal rate.

Full article

Read More

Reader question: Feeling guilt as a tech lead

Keep getting the guilt, that I'm not able to code, just running around for discussions and solving other issues, managing people. Any idea to manage all the fronts and get rid of this guilt? Trupti says they're a developer turned technical lead.

Full article

Read More

An Introvert’s Guide to Attending Networking Events Solo

Networking events are energizing for some and debilitating for others. If you’re the type of person whose battery is charged by social interactions, these events are a unique opportunity for you and probably don’t happen enough throughout the year.

Full article

Read More

Questions for our first 1:1

In the last few years, I’ve had the pleasure of kicking off lots of new reporting relationships with both engineers and engineering managers. Over time, I’ve learned that getting some particular data during an initial 1:1 can be really helpful, as I can refer back to the answers as I need to give a person feedback, recognize them, and find creative ways to support them. Most of these I’ve stolen from some really amazing Etsy coworkers.

Full article

Read More

How to Choose the Right UI Component Library

Using a component library instead of coding your own is a great time saver for any project really. It allows you to focus on building what you want, using a pre-set list of basic building blocks.

Full article

Read More

Reading Source Code: React

It’s daunting to even think about reading the code of a framework I’ve been using for years. I’ve always seen React as a black box that takes JSX and puts things on the screen without thinking too much about it.

Full article

Read More

CI/CD Pipelines: Everything You Need To Know

In this post we will delve into the basics of CI/CD pipelines, outlining the benefits of using them. We will then look at each stage in the pipeline, and what makes up a good pipeline, along with some examples relating to Terraform.

Full article

Read More

Applying SOLID principles in React

As the software industry grows and makes mistakes, the best practices and good software design principles emerge and conceptualize to avoid repeating the same mistakes in the future.

Full article

Read More

What is technical debt? How to prioritize and avoid with examples

In an ideal world, you shouldn’t have to choose between quality and timely delivery, but it happens more often than you might think. In this guide, we’ll define technical debt, illustrate the concept with some examples, and list some common types of technical debt.

Full article

Read More

React Hooks: The Deep Cuts

Hooks are reusable functions. They allow you to use state and other features (e.g. lifecycle methods and so on) without writing a class. Hook functions let us “hook into” the React state lifecycle using functional components, allowing us to manipulate the state of our functional components without needing to convert them to class components.

Full article

Read More

Bluetooth Is About to Get Its Huge LE Audio Upgrade

After several years of work, the Bluetooth Special Interests Group (SIG) says that it’s finalized Bluetooth LE Audio. This is a major upgrade for Bluetooth audio that adds a slew of new features, including a simple solution to whole-home audio.

Full article

Read More