Helion


Szczegóły ebooka

Enterprise React Development with UmiJS

Enterprise React Development with UmiJS


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.

  • 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

  • Tytuły: Enterprise React Development with UmiJS
  • Autor: Douglas Alves Venancio
  • Tytuł oryginału: Enterprise React Development with UmiJS
  • ISBN Ebooka: 9781803248080, 9781803248080
  • Data wydania: 2022-05-23
  • Identyfikator pozycji: e_2t3v
  • Kategorie:
  • Wydawca: Packt Publishing