One of the greatest features in Ext JS is the ability to create complex layouts to arrange our components in different ways using the layout system and containers. Since the early versions of the library, Ext JS has had a great layout system. Since Version 4.x, there are new layouts and some other parts have been redesigned in order to have better performance and usability.
In this chapter, you're going to learn about how components work, learn the container types, how to use layouts, and how to make use of nested layouts to achieve complex designs.
We're going to cover the following topics in this chapter:
Components
Containers
The layout system
Available layouts