React Application Architecture for Production

2

Setup and Project Structure Overview

In the previous chapter, we looked at all the challenges when building a React application and some great solutions that can help us handle them. We also planned out how our application should work and what tools we should use.

In this chapter, we will look at the project structure and the setup tools that make a good baseline for our project.

We will cover the following topics:

• Next.js application overview
• TypeScript setup overview and usage
• ESLint setup overview
• Prettier setup overview
• Pre-committing checks setup overview
• Project structure overview

By the end of this chapter, we will have a good understanding of the tools we will be using for the project setup and the feature-based project structure ...