by Mikhail Davydov (@mikhail-davydov) on Wednesday, 18 December 2013

+18
Vote on this proposal
Status: Confirmed & Scheduled
View session in schedule
Section
Full talk

Technical level
Intermediate

Objective

WebComponents is a great idea! The problem is that WebComponents API is in working draft...

Why we don't use just Components? Why we are waiting for that Web- prefix? We can use them right now and without havy polyfills! I will show you how to write Components today!

Description

WebComponents's Polyfill is havy and slow. We do not need it to write web applications in Components-way. We could create components since HTML4, CSS1 and ECMAScript3 epoch. But this idea became popular only these days.

There are few key ideas in Components:

  • Everything is Component even your app
  • Declarative Custom Elements with CSS, DOM and JavaScript isolation
  • Two way data binding
  • HTML Imports

Each idea can be implemented with help of familiar tools:

  • Everything is Component: NPM, Bower
  • Declarative Custom Elements: BEM & OOCSS
  • JavaScript isolation: CommonJS/Modules compiled by LMD
  • Two-way data binding: AngularJS-style Dirty checking or Accessors (getters and setters)
  • HTML Imports: BEM, Loaders and Transpilers

I will show you how to use reusable components today!

Speaker bio

My name is Mikhail. I am Front-End Еngineer on Yandex a "Russian Google". Previously I worked on Wikimapia.org. I have participated in creation of front-end part of Yandex.Taxi, Yandex.Mobile, WebChats and helped to develop other Yandex services. As a big fan of web-technologies I wrote many articles about web-application architecture, JavaScript modules and HTML5 APIs.

I spend my free time on advocating web-technologies, answering releted questions, teaching JavaScript, writing LMD (JavaScript module assembler) and mixing www with photography (http://2layer.ru/).

Comments

  • 1
    [-] Dhaval Trivedi (@dytrivedi) 3 years ago

    +1

Login with Twitter or Google to leave a comment