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

TypeScript Types for Module Federation and Microfrontends

Webpack 5 introduced support for module federation. This is the ability to load modules at runtime instead of compiling them into your JavaScript application. However, while Webpack solves the runtime composition need, it leaves the compile-time needs of tools like TypeScript unsolved.

Full article

Read More

Test Management for QA Engineers

The projects that a QA Engineers participate can range from small maintenance projects, emergency fixes( spanning 1-2 days or less), mid-range projects(spanning weeks or months) to full-scale large projects( can last up to a year or more). While each of these projects may differ in terms of testing efforts and resources, they all adhere to common test process.

Full article

Read More

Data Flow in Remix

When React first appeared on the scene, one of its most compelling features was its “one-way data flow”. This is still outlined in the React docs under the page “Thinking in React” The component at the top of the hierarchy will take your data model as a prop.

Full article

Read More

Top 10 Architecture Characteristics / Non-Functional Requirements with Cheatsheat

Imagine you are buying a car. What essential features do you need in it? A vehicle should deliver a person from point A to point B. But what we also check in it is Safety, Comfort, Maintainability, Ease of repair or Better mileage. You may also look for an electric version or better speed.

Full article

Read More

Chrome OS Flex Is Ready to Turn Old PCs Into Chromebooks

Google released the first preview version of Chrome OS Flex earlier this year, which is a customized build of Chrome OS that can run on traditional PCs (and some old Mac computers). Starting today, Chrome OS Flex is ready for everyone.

Full article

Read More

NestJS v9 is now available !

Today I am thrilled to announce the official release of NestJS 9. This is a major release spanning the entire platform, including the framework, improvements to the @nestjs/swagger package, CLI, and updates to the documentation. In case you're not familiar with NestJS, it is a TypeScript Node.

Full article

Read More

Imposter Syndrome: Types, Causes, & How to Stop It

Have you felt incompetent while others believe you are qualified enough? Then you might have experienced imposter syndrome. In 2021, a Twitter survey showed that the constant fear of failure was common for 87% of the participants.

Full article

Read More

Include diagrams in your Markdown files with Mermaid

A picture tells a thousand words, but up until now the only way to include pictures and diagrams in your Markdown files on GitHub has been to embed an image. We added support for embedding SVGs recently, but sometimes you want to keep your diagrams up to date with your docs and create something as easily as doing ASCII art, but a lot prettier.

Full article

Read More

Zustand: Forget about other state managers

Few months ago, I had to create a website with 3D models for my client, and I obviously thought about using Three.js in my project. I’ve done some 3D sites before, but never with React, instead plain JavaScript.

Full article

Read More

How Google SRE and Developers Collaborate

Tracy Ferrell, Sr. SRE Manager, Google Google’s Site Reliability Engineering (SRE) team is a specialist engineering organization focused on designing, building, and maintaining large-scale production services.

Full article

Read More

Things You Should Know About Databases

It is often surprising how little is known about how databases operate at a surface level, considering they store almost all of the states in our applications. Yet, it's foundational to the overall success of most systems.

Full article

Read More

Rendering Dynamic Remote Containers in a React Micro Frontend

How can we safely, efficiently, and performantly use Webpack Module Federation’s Dynamic Remote Containers in a React micro frontend app? RemoteComponent is a React component we can use throughout our application to render modules from a remote app. It encapsulates:

Full article

Read More

Want a Mentoring Relationship? Ask Yourself These Questions First.

Many times in my career, I have felt like I was out of my depth. I have wished there was someone older or smarter than I am to guide me toward ideal solutions in my work. Sometimes, I have doubts about how I’m managing my own career.

Full article

Read More

Testing Bun’s compatibility and speed with a complex application

Recently a new JavaScript server-side runtime, Bun, was announced, promising a massive speed improvement over Node.js. Instead of testing with a small application, let’s try with a complex app to see the real-world performance. The Bun website (https://bun.

Full article

Read More

A Look At Remix And The Differences With Next.js

Let’s talk about Remix, the framework to create JavaScript projects using server-side rendering. Let’s go through its main features and concepts and see the similarities and differences with Next.js. Remix became open-source not so long ago, and it has a promising future. Let’s see how it evolves, which features are added, which related projects are created to improve the developer experience, and which other scenarios it tries to solve.

Full article

Read More

5 Clever Hacks for React-Query and SWR

So, dealing with the double-render issue in React 18 has finally gotten you to use an API handling library like react-query or SWR. Awesome! But did you know you can get more out of that 12Kb (or 4Kb in the case of SWR) than just API fetching? Here are five pretty novel uses for these awesome libraries.

Full article

Read More

Using custom events in React

Events are one of the integral features of the web as we know it. Without events, the web would most be terribly bland. Events are actions that happen on a web page to HTML elements.

Full article

Read More

Routing in React with React Location

React Location introduces a new perspective to routing, including features not included in other routing libraries like promise-based data loaders, async route loaders, code splitting, etc., for a better routing experience.

Full article

Read More

Learn the weekly rituals you should master as a software project manager

Today, I’d like to cover the weekly life of a project manager. When I’m managing a project, these are the things I do every week: Putting these things together will often require meetings or conversations.

Full article

Read More

Don't lose your Github contributions when you leave an organization

As Software engineers there are often times in our careers when we change jobs, now this is a good thing since you get a significant raise 💰, the excitement of joining a new organization is also there and maybe you are also re-locating (to Bangalore?) to a new place.

Full article

Read More

Reduce maintenance effort with shared ESLint and Prettier configs

If you work on multiple projects, you might end up using the same ESLint and Prettier settings in each of them. Sure, using the same handy ESLint plugins and configurations is good for consistency, but you have to copy and paste your dependencies from your package.json, .eslintrc.js, and .

Full article

Read More

When You Should Prefer Map Over Object In JavaScript

In JavaScript, objects are handy. They allow us to easily group multiple pieces of data together. After ES6, we got a new addition to the language - Map . In a lot of aspects, it seems like a more capable Object with a somewhat clumsy interface.

Full article

Read More

Understanding the Closure Trap of React Hooks

Now when we develop React projects, we generally use Hooks. But in the development process, we often encounter some problems. The most classic problem is the closure trap of React Hooks.

Full article

Read More

Nx - The fastest growing monorepo solution in the JS ecosystem

Nx just crossed 2 million NPM downloads / week (see @nrwl/tao package on npm). And these are just the public downloads which do not include all the big fortune 500 companies using Nx on a daily basis to power their teams.

Full article

Read More

Mid Career Developers Face a Rare Cancer

When I had 14 years of software experience, I felt a staggering career blockage. Not only was I unemployable, I was also unfit to work freelance. Until the time I realized what was happening to me, the disease spread inside me like a cancer.

Full article

Read More

An incomplete list of skills senior engineers need, beyond coding

For varying levels of seniority, from senior, to staff, and beyond. How to run a meeting, and no, being the person who talks the most in the meeting is not the same thing as running it. How to write a design doc, take feedback, and drive it to resolution, in a reasonable period of time

Full article

Read More

WebSockets vs. Server-Sent Events

Over the years, the HTTP request-response model has been used for client-server communications in web applications. However, with the popularity of real-time web applications, the need has emerged for servers to be able to push data to clients proactively without having clients requesting it first.

Full article

Read More