What to expect from this book?

First of all, this book is for developers who already have a bit of experience in front-end development or, at the very least, have dabbled a bit in React and are now looking to find a reliable and practical guidebook on building enterprise-level React applications.

In the first two chapters of this book, we will go through an overview of some key React concepts, why React is a vital library to add to your arsenal of software development weapons. In the second chapter, we will briefly discuss what Node.js is and how to run the Node Package Manager (NPM), the popular back-end framework we use to work with React.

But if you’re already familiar with the essential React concepts, you might want to jump right away to Chapter 3, where we have the starting point for building our React project. This book will cover some standard and important React APIs, how to navigate React Router, how to manage your Store, and so many other exciting things!

Suffice it to say that we expect you to have experience or proficiency in the following programming tools: HyperText Markup Language (HTML), Cascading Style Sheets (CSS), JavaScript (JS) ES2015+, and, of course, React. Some knowledge of TypeScript (TS) would be beneficial also because TypeScript is increasingly becoming the preferred language for building enterprise apps.

We will be using TS, and as long as you already know ES6 or the modern JavaScript, no need to worry if you’re not that familiar yet with TS because we will be explaining it as we go along. We promise you that in no time, you’ll see the benefits of writing enterprise-level apps in TypeScript, and you’ll be developing in no other way!

The book’s structure is designed as a practical building guide for you and your team to developing real-world enterprise applications. Even if in the future some new shiny tools will come up (as is to be expected in this fast-changing technological age), you can still apply the technical concepts and guidelines that we’ve painstakingly put together in this book. We even devoted a section on how you can reuse your React skills in other platforms and frameworks.

We will be using TypeScript for building React enterprise applications and Redux Toolkit (RTK) for managing complex application states.

But before we get right into it, let’s just briefly explain or define the tools that we will use here:

TypeScript (TS): It is defined as a strict syntactical superset of JavaScript (JS). Codes written in TS are automatically translated into JS. The essential features of TS are its static typing and object-oriented programming based on classes.

Redux: Its official website defines it as a “predictable state container for JavaScript apps.” Redux is typically used for application state management. Other state management solutions are Easy Peasy, MobX, and Recoil.

Redux Toolkit: It is a package library developed as a standard guide to write and simplify the configurations of Redux applications, thereby speeding up your development process. It can be added to the start of a new project or an existing project.

We will go into the step-by-step process that you can follow along and get your hands dirty from the start. After all, we all know, as developers, that we learn much faster by doing it.