React Application Architecture for Production

Boost your confidence in building and structuring React applications in a well-organized way using the best tools in the ecosystem

Key Features

• Discover solutions to complex problems faced while creating web applications with React
• Develop scalable React application with Next.js by using a step by step approach from analysis to deployment
• Explore techniques to build production ready React applications

Book Description

React is a performant UI library used for building frontend applications that has a diverse ecosystem with various libraries for solving any problem.

This book provides a practical example of building a modern frontend application in a structured way that can be used as a reference whenever the reader builds an application. You will see how a production-ready application should be built from scratch. It will provide you with a great overview of React ecosystem and the best tools available to solve complex problems. You will understand the tools and concepts that will make your job easier while building React applications which will keep you focused on the business requirements of the application.

By the end of the book, you'll learn how to build, test, run and deliver your app by deploying it to Vercel.

What you will learn

• Use a good project structure that scales well with your application
• Create beautiful UIs with Chakra UI and emotion
• Configure a base Next.js app with static code analysis and Git hooks
• Learn to mock API endpoints for prototyping, local development and testing
• Choose an optimal rendering strategy in Next.js based on the page needs
• Learn to choose the best state management solution for given problem
• Write unit tests, integration tests and e2e tests in your React Application
• Create CI/CD pipeline in order to perform necessary actions before releasing the code in production

Who This Book Is For

This book is for developers that already have a good understanding of modern JavaScript, React and web development in general and want to take their skills to the next level by learning to build scalable React applications. Intermediate knowledge of JavaScript and React is assumed.

Table of Contents

1. Understanding Software Architecture and The Architecture of React Applications
2. Application Overview and Analysis
3. Setting up the Project and its Structure
4. Mocking The API Endpoints
5. Defining the API Layer of the Application
6. Building and Documenting Shared Components
7. Implementing Authentication and Global Notifications
8. Testing
9. Configuring CI/CD with Github Actions
10. Where to go next