In this video, Aviv Ben-Yosef introduces the concept of components in Angular, and lists the benefits of using them. Learn about the advantages components provide.
[Instructor] Angular 1.5 introduced…the concept of components.…This was done as part of a big move…to backboard concepts from Angular two to 1.x.…Components come with different options and less settings.…This is opposed to a lot of settings…that each team had to decide on prior to components.…By taking what has been considered good practice…in the Angular community in making it the default,…Angular is taking a big step…in usability and helping newcomers.…And, yet, components are not all that different…from the directives you already know.…
So what are components, really?…A component is one whole logical unit…encompassing both directive, template and controller logic.…Think of an Angular app as being composed…from a tree of components…starting from a route app component…going through different route components…and then to all the components…that make up the elements on each page.…Components save us from having to…type a lot of boilerplate code.…They also come with a new set of capabilities…life lifecycle hooks to make complex apps…
Aviv Ben-Yosef kicks off the course by explaining what's different in Angular 1.6, as well the different motives for upgrading. Next, he walks through how to safely upgrade an existing app. He covers going from controllers to directives, as well as component lifecycle hooks. He also goes into the architectural changes in Angular, such as one-way data flow and immutability. To wrap up, he discusses how to properly test components.
- Deciding to upgrade an existing app
- Upgrading to Angular 1.6
- Removing standalone controllers
- Using directives as route targets
- Converting a controller's code
- Converting a controller's template
- Comparing directives and components
- Converting a directive
- Reviewing the concept of one-way binding
Skill Level Intermediate
AngularJS 1: Building a Data-Driven Appwith Ray Villalobos2h 15m Intermediate
1. Controllers to Directives
2. Use controllerAs
Convert a controller’s code1m 57s
3. Directives to Components
4. Component Lifecycle Hooks
5. One-Way Data Binding
6. Testing Components
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.