When working in a React application with API calls, handling redirects in the middle of the request chain can be tricky.
When you make an API call from your frontend code to your server, and the server then makes another request that returns a redirect.
The Dependency Inversion Principle (DIP) is one of the five SOLID principles, and it plays an essential role in achieving maintainable and flexible code. It can be applied to frontend development, particularly when using technologies like React and Redux.
Testing Shadow DOM elements can be a bit tricky due to their encapsulation. However, you can access the Shadow Root to test the elements inside it. In this article, we'll explore how to test Shadow DOM elements using React, TypeScript, and @testing-library/react.
"Quality code" is one of those phrases everyone agrees on and nobody defines the same way. It's tempting to reduce it to clean formatting or clever one-liners, but the factors that actually move the needle operate at a much higher level: the people, the design, the process, and the feedback loops around the code.
Below is my personal ranking of the factors that impact code quality, ordered from greatest to lowest impact. The ordering is deliberate — fixing a poor team or a broken architecture will do far more for quality than tightening up naming conventions ever could.
Most projects get a license by copying whatever the last project used. This post explains what the main licenses actually ask of people who use your code, how to choose one with three questions, and what the licenses of your dependencies ask of you.
A shell is a command-line interpreter that provides a user interface for the Unix/Linux operating system. The shell interprets the commands you enter in the terminal and tells the operating system to execute them.
Think of the terminal as a movie theater and the shell as the movie being played. The theater (terminal) provides the environment and tools (screen, seats, speakers) to experience the movie, while the movie (shell) is the actual content or the interpreter that you interact with.
Pair programming is a collaborative strategy that has gained traction in the software development world. It involves two developers working together on a single task, with one taking the lead and the other providing support. This approach is not just about sharing the workload; it's about leveraging the collective expertise to drive efficiency and quality.
In this article, I'll share my perspective on pair programming, exploring the key stages and strategies that underpin this collaborative approach.
The usage of React.FC or React.FunctionComponent has been a subject of debate within the React community. Both approaches—using it or not—have their pros and cons.
React.FCIMHO, do not use React.FC or React.FunctionComponent in your codebase, only if you know you are using children props.
In the context of software development, "ADR" stands for "Architectural Decision Record." An ADR document is a way to capture and document important architectural decisions made during the development process of a software project.
An architectural decision refers to a significant choice related to the software's architecture, design, or implementation. This could include decisions about the overall system structure, the selection of technologies, the integration of different components, or the handling of specific design challenges.
Every browser ships with a "private" or "incognito" mode, and most people have a fuzzy sense that it's "the one that doesn't save history." That's true, but it undersells what's happening and oversells the privacy. Here's what actually changes when you open a private tab, and — just as important — what doesn't.