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.
Edition
Language
Place of publication
Target group
Professional and scholarly
Illustrations
146 s/w Abbildungen
XVIII, 463 p. 146 illus.
Dimensions
Height: 254 mm
Width: 178 mm
Thickness: 27 mm
Weight
ISBN-13
978-1-4842-6974-9 (9781484269749)
DOI
10.1007/978-1-4842-6975-6
Schweitzer Classification
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
1. Getting Ahead in React.- 2. Getting Started with Node Package Manager.- 3. Getting Started with React Function Components and Typescript.- 4. Setting Up an Enterprise-level App.- 5. Navigating the React Router.- 6. Writing Local State, Sending HTTP Requests, & ApexCharts.- 7. Writing Data Tables, Formik Forms, and Yup Validations.- 8. Writing Data Tables, Formik Forms, and Yup Validations -- Part 2.- 9. Managing State Using Redux with Redux Toolkit.- 10. Setting Up Redux Toolkit and Dispatching an Asynchronous Action.- 11. Creating, Deleting, and Updating Events on FullCalendar Using RTK.- 12. Protecting Routes and Authentication in React.- 13. Writing Profile Form and Syncing Profile to Components.- 14. Updating the Dashboard Sidebar Navigation.- 15. Creating the Notifications, Security, and Subscription Pages.- 16. Making the App Mobile-Friendly.- 17. Styling Methods for React Components.- 18. Deploying React in Netlify and in Docker.- 19. Reusing React Skills in Other Platforms and Frameworks.
