React - The Road To Enterprise

Take your skills to the next level and become a React pro by mastering advanced patterns, best practices, and cutting-edge techniques for the development of large-scale React applications.

Prevent your React projects from becoming a legacy before they are even shipped and learn how to create scalable and maintainable React applications with architecture that actually works.

Creating React apps might look easy. But creating large-scale React applications that are well-architectured and can be easily scaled and maintained not so much.

A lot of decisions taken throughout the development, especially those at the start, can have a huge impact on the success of a project. And there are a lot of them.

Choose the wrong tools for the project or add new features without a good architecture and patterns, and you will end up with a project which became a legacy before it was even shipped.

Instead of easily creating more features and keeping your users and stakeholders happy, you will need to fight with your project for years to come. But don't worry, there is a solution to that.

How to create great React apps that work?

The internet is full of tutorials, articles and videos that try to teach React. The problem is that a lot of them are outdated, too simple or provide really bad advice and recommendations. That's not a good way to start an important project.

Fortunately, you don't need to do tons of research and try to pick and connect the dots yourself. There is a very simple answer to these problems.

"React - The Road To Enterprise" is an advanced book that revolves around best practices, advanced patterns and techniques for the development of React and Next applications. It's a one-stop resource for many crucial concepts that should help you solve and avoid many pain-points when developing React applications.

What's in the book?

"React - The Road To Enterprise" covers many advanced topics to help you build maintainable, scalable and performant React applications, such as scalable project architecture, useful techniques for handling async operations and API states, advanced component patterns, performance optimisation, local and global state management patterns, static site generation (SSG), incremental site regeneration (ISR) and server side rendering (SSR) with Next.js and more.

Project Configuration and Scalable Architecture

Find out how to setup and configure an enterprise-ready project with tools such as PostCSS, Stylelint, Prettier and others. Learn how to create scalable architecture for your React applications that is actually easy to manage and extend.

Scalable and Maintainable API Requests and API States Management with an API Layer, Custom Hooks, and React-Query

Learn advanced patterns for managing async operations, API states, and request cancellation by implementing a flexible and scalable API layer and combining it with React-Query.

Advanced State Management Techniques

Master advanced state management techniques that will allow you to easily manage, share and reuse stateful data in your application. Explore patterns to manage state in a clean, readable and scalable fashion and take advantage of hooks, Immer and Context API.

Global State Management with Modern Redux and RTK

Forget about the pain of managing old Redux with tons of boilerplate code. Learn how to use Redux in a modern fashion with Redux Toolkit and RTK Query.

Global State management with Zustand & Jotai

Redux may be popular, but it is not the only viable solution. Explore how to use Zustand and Jotai for managing global and encapsulated state that can be shared between components.

Advanced Component and Layout Patterns

Discover advanced component patterns, such as Higher Order Components, Render Props, Compound Components, Polymorphic Components as well as how to manage dynamic layouts and how to build flexible, resilient and future proof components with Composition and Configuration approaches.

Performance Optimisation

Explore many essential techniques for improving and optimising the performance of your applications to make them blazing-fast and your users amazed - Optimising Re-renders, Long List Virtualisation, Throtting, Debouncing, Code-Splitting & Lazy Loading, and more!

SSG, ISR, SSR and Middlewares with Next.js

Find out the advantages of static site generated and server-side rendered applications and learn how to create them using Next.js. What's more, delve into how to take advantage of edge middlewares with Next.js

Testing & Security

Write reliable and future-proof unit and e2e tests with Jest, Cypress, and Testing Library that actually work and give you confidence. Make your applications more secure and explore ways of restricting access to specific pages and content only to authorised users.

TypeScript First

TypeScript is an amazing tool that is a must-have for large-scale applications. It provides a lot of benefits, as it makes the codebase more maintainable, readable, helps with catching bugs early in the development, and makes the refactoring process much easier. That's why, all code examples in the book are written in TypeScript.

Who is this book for?

"React - The Road To Enterprise" book is not a beginner's guide to React.js. It will not teach you how to get started with it. It's an advanced book, and to make the most out of this book, you should have at least basic knowledge of JavaScript, TypeScript and React.js, including concepts like hooks, state updates, lifecycles, etc. If you do not, then I first recommend getting to know React by going through the official documentation. You should also be comfortable with using a command-line interface.

The book is written with a very hands-on approach. I strongly believe that the best way to learn to code is by practice. There are a lot of code examples that you can follow along and play with yourself to gain a deeper understanding of the concepts behind them. You can do it either from scratch or by using the Companion App. If you are looking for a book to read on the go or simply away from your PC, then it might not be the best book for you.