# AngularDart Tutorial #3: Components and Events

In the [previous tutorial](https://creativebracket.com/angulardart-tutorial-lets-build-a-bookmark-manager-2/) we added the capability of creating and editing bookmarks. We will now refactor our form functionality into a separate component as a means of keeping that concern contained within its own context. We will learn how to use special annotations to bind custom attributes and define custom events for our new form component.

%[https://youtu.be/2lYT7EWpC6M] 

[**Watch on YouTube**](https://youtu.be/2lYT7EWpC6M)

[Get the source code](https://github.com/graphicbeacon/angulardart-bookmark-manager/tree/part-3)

## **Further reading**

1. [**AngularDart Guide**](https://webdev.dartlang.org/angular/guide)
    
2. [Auto-Generate the scaffolding for your next project](http://localhost:8080/generate-the-scaffolding-for-your-next-project/)
    
3. [**Get started with Dart** Egghead.io course](https://egghead.io/courses/get-started-wtih-dart)