Practical Enterprise React

1. Front Matter

   Pages i-xviii

   PDF

2. Getting Ahead in React

   • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

   Pages 1-10

3. Getting Started with the Node Package Manager

   • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

   Pages 11-19

4. Getting Started with React Function Components and TypeScript

   • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

   Pages 21-38

5. Setting Up an Enterprise-Level App

   • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

   Pages 39-53

6. Navigating React Router

   • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

   Pages 55-90

7. Writing Local States, Sending HTTP Requests, and ApexCharts

   • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

   Pages 91-119

8. Writing Data Tables, Formik Forms, and Yup Validations

   • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

   Pages 121-165

9. Writing Data Tables, Formik Forms, and Yup Validations: Part 2

   • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

   Pages 167-201

10. Managing State Using Redux with Redux Toolkit

    • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

    Pages 203-214

11. Setting Up Redux Toolkit and Dispatching an Asynchronous Action

    • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

    Pages 215-236

12. Creating, Deleting, and Updating Events on FullCalendar Using RTK

    • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

    Pages 237-283

13. Protecting Routes and Authentication in React

    • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

    Pages 285-310

14. Writing a Profile Form and Syncing It to Components

    • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

    Pages 311-349

15. Updating the Dashboard Sidebar Navigation

    • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

    Pages 351-374

16. Creating the Notifications, Security, and Subscription Pages

    • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

    Pages 375-393

17. Making the App Mobile-Friendly

    • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

    Pages 395-416

18. Styling Methods for React Components

    • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

    Pages 417-426

19. Deploying React in Netlify and in Docker

    • Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

    Pages 427-454

20. Back Matter

    Pages 455-463

    PDF

Learn to write a real-world enterprise app using the fundamentals of React and the most popular React libraries. Knowing the basics of React is important, but what is more important is knowing the common third-party libraries and how to use them. The book is perfect for intermediate to experienced React developers or busy React developers who would like to get things done and have maintainable React code.

Practical Enterprise React features popular libraries such as React Router v6 for route navigation, Redux with Saga and Thunk for state management, and Formik with Yup for form and input validations. You'll also work with Material UI 5 (the next major version of the most popular UI component library in React), Axios as the HTTP client library, JWT auth for client app authentication, and TypeScript. Finally, you'll learn to deploy the app to Netlify, and containerize the React app to ship it as a standalone container instance or in a Kubernetes cluster.

Become a more effective React developer by using what is available out there instead of trying to reinvent the wheel. This book reveals how to save time and money, and build better apps for your clients. Get practical with React enterprise app development and enhance your career.

What You'll Learn

• Use TypeScript in React and React Hooks
• Work with Redux Toolkit, and TypeScript
• Build an inventory dashboard, charts, and calendar
• Write forms with Formik
• Validate inputs with Yup
• Use Material UI for fast user interface building
• Secure your React app by building a login form and protecting the routes

Who This Book Is For

Those interested in writing React enterprise apps. Knowledge of HTML, CSS and JavaScript/TypeScript is required, and experience with JavaScript libraries/frameworks would be useful. 

• React
• Redux
• Typescript
• nginx
• git
• github
• docker
• enterprise app development
• netlify
• jwt
• node
• json
• axios
• thunk
• npm
• yarn

• Oslo, Norway

  Devlin Basilan Duldulao, Ruby Jane Leyva Cabagnot

Devlin Duldulao is a Filipino full-stack cloud engineer (web, mobile, backend, cloud services developer) based in Norway. He is a Microsoft MVP, an Auth0 Ambassador, a corporate on-site trainer for the past four years, a Microsoft certified trainer, an international conference speaker, and a senior consultant at Inmeta. He loves going to universities and user groups after office hours or during the weekend to share his expertise. If he is not coding or speaking at conferences, he is probably traveling around the world with his wife; trying local foods in different cities. You can find him on Twitter @DevlinDuldulao.

Ruby Jane Canagbot is a serendipitous Filipina React.js developer with a wanderlust heart but currently living in Norway. She is based in Oslo, Norway, with about three years of experience as a developer and over ten years as a content writer/manager. She believes that one can still teach old dogs new tricks, even coding.

Written by a professional React developer and

Policies and ethics