Get to grips with UmiJS and build professional web applications with the help of step-by-step explanations and hands-on examplesKey FeaturesExplore tips, tricks, and best practices for creating web applications with UmiJSLearn how to apply Ant Design System in UmiJS to build modern user interfacesManage errors in designing web applications while using UmiJS and its main pluginsBook DescriptionUmiJS 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 learnUnderstand how to improve code quality with formatting toolsSecure your application and handle errors in HTTP requests using UmiJSConfigure and use UmiJS for rapid single-page application developmentApply what you've learned when building your portfolio and stand out in the marketUse the visual option Umi UI to build and add components to the projectAdvance as a frontend developer by learning UmiJS best practices and techniques for web application developmentIdentify errors in advance by writing unit tests using Jest and PuppeteerWho this book is forThis 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.

lgli/Enterprise React Development with UmiJS .pdf

lgrsnf/Enterprise React Development with UmiJS .pdf

zlib/no-category/Douglas Alves Venancio/Enterprise React Development with UmiJS_24337251.pdf

Venancio, Douglas Alves

United Kingdom and Ireland, United Kingdom

Packt Publishing, Birmingham, 2022

S.l, 2022

{"edition":"1","isbns":["1803238968","9781803238968"],"last_page":183,"publisher":"Packt Publishing Ltd."}

Cover
Title Page
Copyright
Dedication
Contributors
Table of Contents
Preface
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 Frontend 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
Index
About Packt
Other Books You May Enjoy

Explore the capabilities of the UmiJS framework to design and create web applications with Enterprise React Development with UmiJS. This book follows a hands-on approach by showing you how to write tests for frontend applications to identify errors while running and deploying your single-page applications.

2022-11-26