Enterprise React Development with UmiJS: Learn efficient techniques and best practices to design and develop modern frontend web applications
- Length: 198 pages
- Edition: 1
- Language: English
- Publisher: Packt Publishing
- Publication Date: 2022-05-23
- ISBN-10: 1803238968
- ISBN-13: 9781803238968
- Sales Rank: #0 (See Top 100 Books)
Get to grips with UmiJS and build professional web applications with the help of step-by-step explanations and hands-on examples
Key Features
- Explore tips, tricks, and best practices for creating web applications with UmiJS
- Learn how to apply Ant Design System in UmiJS to build modern user interfaces
- Manage errors in designing web applications while using UmiJS and its main plugins
Book Description
UmiJS is the Ant Group’s underlying frontend development framework, an open source project for developing enterprise-class frontend applications. In this book, you’ll get hands-on with single-page application development using UmiJS. By following practical step-by-step examples, you’ll develop essential skills to build and publish your apps and create a modern user experience with responsive interfaces.
This book will help you learn the essential features of UmiJS and how to set up and build a project from scratch using React, Less, and TypeScript. You’ll study Ant Design, a framework based on solid design concepts that provides a series of React components to accelerate interface development. Along the way, you’ll see how to make requests and develop the frontend using simulated data while ensuring that your app has a high level of security and feedback. You’ll also discover ways to improve your code quality and readability using formatting tools.
By the end of the book, you’ll have learned how to use UmiJS to design user interfaces, as well as compile, test, and package your app locally, and deliver your app by deploying it to online services.
What you will learn
- Understand how to improve code quality with formatting tools
- Secure your application and handle errors in HTTP requests using UmiJS
- Configure and use UmiJS for rapid single-page application development
- Apply what you’ve learned when building your portfolio and stand out in the market
- Use the visual option Umi UI to build and add components to the project
- Advance as a frontend developer by learning UmiJS best practices and techniques for web application development
- Identify errors in advance by writing unit tests using Jest and Puppeteer
Who this book is for
This book is for React developers who want to develop enterprise-class frontend applications using UmiJS and its main plugins. Basic knowledge of React and JavaScript is assumed but no knowledge of UmiJS is needed.
Enterprise React Development with UmiJS Contributors About the author About the reviewer Preface Who this book is for What this book covers To get the most out of this book Download the example code files Conventions used Get in touch Share your thoughts Part 1: Configuring UmiJS and Creating User Interfaces Chapter 1: Environment Setup and Introduction to UmiJS Technical requirements Setting up our environment and configuring UmiJS Introduction to UmiJS and creating your first project Installing the EditorConfig and Prettier extensions Understanding the UmiJS folder structure and its main files Adding config and locales folders Runtime configuration Exploring the Umi CLI and adding pages Understanding routing and navigation in UmiJS Understanding path parameters and query strings Conventional routing Navigating between pages Using Umi UI Adding Ant Design components Summary Chapter 2: Creating User Interfaces with Ant Design Technical requirements Introduction to the project and Ant Design Introduction to Ant Design components Setting up the layout and theme Adding right-side content to the layout header Creating the home page and setting up i18n Setting up internationalization Creating the Opportunities and Customers pages Creating the Reports page Summary Chapter 3: Using Models, Services, and Mocking Data Technical requirements Defining response types and column types Creating column definitions for ProTable Creating the opportunity details page Defining the activities table columns Simulating data and API responses Sending HTTP requests with Umi request Using models for sharing states and logic Summary Part 2: Protecting, Testing, and Deploying Web Applications Chapter 4: Error Handling, Authentication, and Route Protection Technical requirements Modifying the login page and defining the HTML template Modifying the login page Defining the default HTML template Storing and globally accessing user information Protecting application routes based on user roles Using the useAccess hook Handling HTTP error responses Summary Chapter 5: Code Style and Formatting Tools Technical requirements Understanding code style and consistency Working with EditorConfig and Prettier Working with EditorConfig Working with Prettier Configuring ESLint and Prettier Summary Chapter 6: Testing Front-End Applications Technical requirements Understanding software testing Understanding integration testing Understanding end-to-end testing Writing tests with Jest Understanding the describe method Executing instructions before and after tests Testing interfaces with Puppeteer Testing the access and layout plugins Testing the opportunity editing feature Summary Chapter 7: Single-Page Application Deployment Technical requirements Creating a mock server with Mockachino Compiling the application and setting environment variables Configuring the API URL environment variable Hosting the application on AWS Amplify Understanding more Amplify settings Summary Why subscribe? Other Books You May Enjoy Packt is searching for authors like you Share your thoughts
Donate to keep this site alive
How to download source code?
1. Go to: https://github.com/PacktPublishing
2. In the Find a repository… box, search the book title: Enterprise React Development with UmiJS: Learn efficient techniques and best practices to design and develop modern frontend web applications
, sometime you may not get the results, please search the main title.
3. Click the book title in the search results.
3. Click Code to download.
1. Disable the AdBlock plugin. Otherwise, you may not get any links.
2. Solve the CAPTCHA.
3. Click download link.
4. Lead to download server to download.