Slide 1

Slide 1 text

Composition API

Slide 2

Slide 2 text

Why do we need one more API?

Slide 3

Slide 3 text

We had problems! Code Organisation Logic Extraction

Slide 4

Slide 4 text

Options Based API Component Logic can be split in 6-10 options. data, props, computed, methods, watch and life cycle methods

Slide 5

Slide 5 text

Logic Extraction There is no efficient logic extraction mechanism in current API.

Slide 6

Slide 6 text

Problems with Mixins Namespace Collision Obscure and unclear origin

Slide 7

Slide 7 text

Problems with Mixin Factories Namespace Collision Obscure and unclear origin

Slide 8

Slide 8 text

Problems with Scoped Slots Locked in Templates Multiple Sources Limited Intellisense

Slide 9

Slide 9 text

Problems with Type Inference this type is complex Limited Intellisense

Slide 10

Slide 10 text

How does Composition API solve this?

Slide 11

Slide 11 text

Crash Course JavaScript define function call functions

Slide 12

Slide 12 text

Crash Course Composition API define function call functions

Slide 13

Slide 13 text

Code

Slide 14

Slide 14 text

Resources vue-composition-api-rfc.netlify.com github.com/vuejs/composition-api github.com/znck/dogsay