Mastering Angular Components: Build component-based user interfaces with Angular , Second Edition

What do you get with Print?

Instant access to your digital eBook copy whilst your Print order is Shipped

Paperback book shipped to your preferred address

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Ready, Set, Go!

In this chapter, we will start building our task management application. We'll jump right into the core of the application and create the initial components required to manage a simple task list.

In the process of going through this chapter, you'll learn about the following topics:

Introduction to NgModule
Bootstrapping an Angular application using a main module
Component input and output
Host property binding
Styling and view encapsulation
Using EventEmitter to emit custom events
Component life cycle

Key benefits

Produce efficient web applications with highly scalable Angular concepts

Learn new ways to design your web applications

Build a fully functional web application to tackle real-world user interface problems using Angular components

Description

Mastering Angular Components will help you learn how to invent, build, and manage shared and reusable components for your web projects. Angular components are an integral part of any Angular app and are responsible for performing specific tasks in controlling the user interface. Complete with detailed explanations of essential concepts and practical examples, the book begins by helping you build basic layout components, along with developing a fully functional task-management application using Angular. You’ll then learn how to create layout components and build clean data and state architecture for your application. The book will even help you understand component-based routing and create components that render Scalable Vector Graphics (SVG). Toward the concluding chapters, you’ll be able to visualize data using the third-party library Chartist and create a plugin architecture using Angular components. By the end of this book, you will have mastered the component-based architecture in Angular and have the skills you need to build modern and clean user interfaces.

What you will learn

Use TypeScript to create Angular 6 components

Understand component composition to solve complex UI requirements

Create an architecture using pure components and container components

Explore the basics of RxJS observable streams to build applications

Implement the Angular router to make your application navigable

Design reusable and dynamic graphical content using Angular components and SVG

Integrate third-party libraries such as Moment.js and Chartist into your existing Angular application

What do you get with Print?