Miscellaneous use cases and best practices introduce more interesting features of the PrimeNG library. You will learn about file uploading, drag-and-drop capabilities, displaying collection of images, practical CRUD implementation, deferred page loading, blocking page pieces, displaying confirmation dialog with guarded routes, and more. Despite a comprehensive set of components, users sometime have special requirements for existing components regarding their functionality or need new, custom components.
The purpose of this chapter is also exclusively to facilitate the start of component development on top of the PrimeNG infrastructure. We will go through the complete process of building reusable components and develop a custom wizard component. The wizard can be used for workflows, which involve multiple steps to complete a task. Furthermore, after reading this chapter, readers will be aware of the state-of-the-art state management in Angular applications.
In this chapter, we will cover the following topics:
- File uploading in all its glory
- Learning draggable and droppable directives
- Displaying collection of images with Galleria
- CRUD sample implementation with DataTable
- Deferring mechanism to optimize page loading
- Blocking page pieces during long-running AJAX calls
- Process status indicator in action
- Selecting colors with ColorPicker
- Displaying confirmation dialog with guarded routes
- Implementing custom wizard component with Steps
- Introduction to state management with @ngrx/store