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.
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.
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.
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.
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.
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).
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.
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.
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.
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.
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.
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.
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...
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.
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.
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.
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.
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”.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.