Loading...

Reusable Components in Angular: Design patterns, transclusion, and more

42,892 views

Loading...

Loading...

Transcript

The interactive transcript could not be loaded.

Loading...

Loading...

Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Published on Jan 30, 2015

*Introduction*
Igor Minar, slides: http://goo.gl/uHonRc

*Main Talk*
Reusable Components in Angular: Design patterns, transclusion, and more
Speakers: Rachael L Moore and Kara Erickson (bios below)
Slides: http://goo.gl/Y6hOCp

Forget CSS frameworks -- distributable components combining HTML, CSS, and JavaScript are going to change code sharing across websites. However, web component specifications are still in progress and full adoption relies on using polyfills for evolving and much-debated native features. Fortunately, there is another way to leverage the components paradigm while we wait...

Here comes Angular to the rescue! With Angular directives and services, we are able to implement fully featured UI components without web component polyfills. We will share how we are building these UI components, their advantages in general over CSS frameworks and even some benefits that make them likely to live even in the era of web components.


Bios

Rachael is a UI Engineer at OpenTable specializing in the implementation of enterprise-scale interfaces using HTML, CSS, and JavaScript. She began as a freelance web designer in the 90's and previously worked at Homes.com.

Kara is a Web Engineer at OpenTable where she builds Angular applications for OpenTable Restaurants. She has spent the last six months architecting a robust library of business-level and ui-level components founded on Angular directives.

*Lightning Talk*
Functional Programming in Angular 2
Speaker: Victor Savkin of the Angular team
Slides: http://www.slideshare.net/avix1000/fu...

Functional programming techniques are often used for controlling and localizing side-effects, which results in applications that are easier to understand and maintain. Although it is possible to use functional programming in Angular 1.x, it is not very elegant and requires a lot of discipline. Angular 2 changes the situation.

Comments are disabled for this video.
When autoplay is enabled, a suggested video will automatically play next.

Up next


to add this to Watch Later

Add to

Loading playlists...