React The Road To Enterprise

Take your skills to the next level and become a React pro mastering advanced patterns, best practices, and cutting-edge techniques for the development of React applications. (Coming February 2022)

Vue - The Road to Enterprise cover book

Become a pro at React, the most popular JavaScript UI library,

Hi, I’m Thomas Findlay, 5-star rated JavaScript consultant, technical writer, and mentor.

For the past few years, I have extensively worked with hundreds of new and seasoned developers, helping them learn React, build complex features, and make their applications fast, maintainable and scalable.

There are a lot of resources for how to get started with React, but not that many for getting you to the advanced level.

This book should be the answer to how to master React so you can create awesome applications and advance your web career.

Ever thought about how to take your React skills and knowledge to the next level? This book provides all the material you need to make you a React pro in no time.

What's in the book?


"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 in TypeScript. It's a one-stop resource for many crucial concepts that should help you solve and avoid many pain-points when developing React applications.

This book 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, performance optimisation, local and global state management patterns, static site generation (SSG) and server side rendering (SSR) with Next.js and more.

Project Configuration and Scalable Architecture

Setup and configure an enterprise-ready project with tools such as PostCSS, Stylelint, and Prettier. Create scalable and maintainable architecture for your React applications.

Project Configuration and Scalable Architecture image

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 enhancing it with de-coupled cancellation logic.

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

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 by taking advantage of hooks, Immer, and Context API.

Advanced State Management Techniques image

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.

Global State Management with Modern Redux and RTK image

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.

Global State management with Zustand & Jotai image

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.

Advanced Component and Layout Patterns image

Performance Optimisation

Explore many essential techniques for improving and optimising the performance of your applications to make them blazing-fast and your users amazed.

Performance Optimisation image

SSG & SSR, Global State Management 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 manage global state and middlewares with Next.js

SSG & SSR, Global State Management and Middlewares with Next.js image

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.

Testing & Security image

How to handle Complex Forms with React Hook Form

Forms are not easy, especially when you have a lot of fields with various validation rules and conditional visiblity. You will learn how to make complex forms easy by utilising the React Hook Form library.

How to handle Complex Forms with React Hook Form image

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. If you are not planning to use TypeScript any time soon, I'm aiming to release a JavaScript version next year too so look out for it

TypeScript First image

Who is this book for?


React - The Road To Enterprise” book is not a beginners guide to React.js. It will not teach you how to get started with it. To make the most out of this book, you should have at least basic knowledge of 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.

This book is a great resource for:

  • check-icon

    Developers with prior React knowledge who want to advance their React expertise and develop scalable, maintainable, and blazing fast React applications.

  • check-icon
    Developers and teams who want to quickly get on board with best practices, patterns, and tips to incorporate in their new or existing React projects.
  • check-icon
    Developers who are looking for career progression as a React.js Developer.

Table of Contents


Chapters
1

Introduction

2

Project Configuration and Useful Extensions

3

Scalable and Maintainable Project Architecture

4

API Layer and Managing Async Operations

5

Managing APIs with API Layer and React-Query

6

State Management Patterns in React Apps

7

Modern Redux - Global State Management with Redux Toolkit

8

Global State Management with Zustand and Jotai

9

Advanced Component Patterns

10

Managing Application Layout

11

Performance Optimisation

12

Application Security

13

React Testing - Best Practices For Writing Future-Proof Tests

14

Static Site Generation (SSG) and Server Side Rendering (SSR) with Next.js

15

How to Implement Middleware Pattern in Next.js

Companion App


Companion App showcase image

With this book, you can get the Companion App that showcases more detailed working code examples, so you don’t have to write the code yourself. The enhanced code samples showcase various concepts and implementation for user access permissions, loading components on demand, managing API logic, and more. If you would like to incorporate any of the examples in your application, you can just open the Companion App project files and copy the source code.

React & Next.js Enterprise Boilerplates


The Complete package comes with pre-configured React and Next Enterprise Boilerplates, so you can immediately start working on your projects. They were created using official CRA and Next CLIs, and have an opinionated project architecture as well as configuration for tools such as Eslint, Prettier, Stylelint, PostCSS, and SCSS. If you prefer a different pre-processor or setup, you can easily update it and configure it to your liking.

This boilerplates are designed to suit the needs of medium to large-scale projects. You won't have to waste time thinking about how to structure your project.

Bonus videos


Besides the book, Companion App, and the Enterprise Boilerplates, you can also get 3 bonus videos!
Debugging Performance Bottlenecks with React Profiler

Web applications should be fast and user friendly. Unfortunately, sometimes we might run into performance issues which might be hard to track. In this video you will learn how to use the React Profile to debug and fix performance bottlenecks.

Introduction to Composition API image
Tabs component using compound pattern image
Compound Components Pattern

Compound components are a great pattern for creating components that enable a lot of control and flexibility over the style and layout. In this video, you will learn how to implement a Tabs component using React Hooks and Context API.

How To Write Cleaner Code Using Modern JavaScript Features

If you want to make sure your project does not turn into a one big spaghetti mess, it's important to keep your code clean, readable, and maintainable. In this video, you will learn how to use modern JavaScript features to write cleaner and better code.

How to write cleaner code using modern javascript image

Start The Road To Enterprise


Choose the package that suits you and become Enterprise-Ready

The Essentials

check-icon

The 300+ pages book in a PDF format

check-icon

Compound Components Pattern (video)

check-icon

Free lifetime access to all book updates

The Complete Package

check-icon

The 300+ pages book in a PDF format

check-icon

The Companion App with full code examples, components, services, and more

check-icon

Pre-configured CRA and Next boilerplates

check-icon

Compound Components Pattern (video)

check-icon

Debugging Performance Bottlenecks with React Profiler (video)

check-icon

How to write cleaner and better code using modern JavaScript features (video)

check-icon

Free lifetime access to all book, companion app, and enterprise boilerplate updates

Frequently Asked Questions


Can I get a physical copy?

Currently, only a digital copy is available. However, drop me an email at support@theroadtoenterprise.com to show interest.

Can I get an invoice?

Yes, an invoice will be available after the purchase.

Do you offer a student discount?

Yes, send an email at support@theroadtoenterprise.com with proof that you are a student to get 10% off.

What if I am from a less-developed country?

If that's the case, then drop me an email at support@theroadtoenterprise.com with the country you are from, and we can have a chat.

Can I upgrade to the complete package?

Of course! Just send an email at support@theroadtoenterprise.com and we will sort it out.

Can I pay with PayPal?

Unfortunately, PayPal is not supported at the moment.

Can I buy multiple licences for my team at a reduced price?

Of course! Just click here to see available options.

Can I get a price for a specific number of team members?

Sure, send an email at support@theroadtoenterprise.com with information about how many licenses you need, and we can figure something out!

What if I think it’s not for me?

That’s ok! Drop me an email at support@theroadtoenterprise.com within 7 days of the purchase to get a full refund.

I have another question!

Just send an email at support@theroadtoenterprise.com.