Technical requirements

A GitHub repository has been created to host all the code we discuss in the book. For this chapter, you can find the recommended structure at https://github.com/PacktPublishing/React-Anti-Patterns/tree/main/code/src/ch6.

Before we dive into the refactorings, let’s align with some tooling that would help us to make changes easily. When it comes to refactoring tools, there are many integrated development environments (IDEs) and source code editors available in the frontend world – WebStorm and Visual Studio Code (VS Code) are the most popular ones that offer an impressive range of features, including robust refactoring capabilities.

WebStorm, developed by JetBrains, is a powerful and feature-rich IDE specifically designed for JavaScript and its related technologies such as TypeScript, HTML, and CSS. One of its most notable features is its advanced automated refactoring, but it also offers an extensive list of refactoring options such as rename...