Summary
In this chapter, you were introduced to the project we'll build, the Ant Design React library, and Pro components. You also learned how to configure the layout using the UmiJS layout plugin and define and customize the global layout using the global.less file. You learned how to customize the application theme by changing the default LESS variables used by Ant Design components.
We also created and defined our application layout's right-side content to show the user's name, avatar, and a language selector. You learned how to set up internationalization using the UmiJS locale plugin and created the home page. Next, we made the Customers and Opportunities pages using the ProTable component.
Finally, we built the Reports page using antd library components to define the layout and the bizcharts library to render three charts.
In the next chapter, we'll generate a mock API, make requests to the backend, and learn how to use services and models.
...
