JSFoo: round the year submissions

Submit talks on JavaScript and full stack engineering round the year

Demystifying dark art of SFC compilation

Submitted by Rahul Kadyan (@rahulkadyan) on Tuesday, 24 April 2018

videocam_off

Technical level

Advanced

Section

Full Talk

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +1

Abstract

Vue single file components empower developers with the ability to write declarative render functions using plain HTML-like syntax. The so-called SFCs also provide features like collocation and scoped styles. We tend to use these SFCs effortlessly as any other JavaScript file but to reach that level of ease, Vue does the heavy lifting of transpilation. This talk takes a deep dive in the compilation process of Vue components and explains how to write a custom block processor. It also discovers some less known facts about SFCs.

Outline

The talk explores following steps in SFC compilation:

  • Template Parsing
  • Render Function CodeGen
  • Style Processing
  • Assemble Stage
  • Runtime Helpers

Speaker bio

I am open source enthusiast who happened to work for Myntra as a software developer. I contribute to vue ecosystem, and I am also a member of core team maintaining vue.

Links

Comments

  • 1
    Zainab Bawa (@zainabbawa) Reviewer 7 months ago

    Rahul, you need to submit slides and preview video for the review team to evaluate the talk.

  • 1
    Rahul Kadyan (@rahulkadyan) Proposer 7 months ago

    I’ll do that in a week.

Login with Twitter or Google to leave a comment