Avoiding Regressions in 3rd Party JavaScript

AVOIDINGREGRESSIONS

IN 3pjs

Cameron WestlandKera Software

@camwest

Monday, 18 March, 13

TOC 1/5

How to iterate really fast

What is 3pjs?

How we broke our customers website

How we won’t break any more websites

Wrap-up


CONTINUOUS DEPLOYMENT

Go fast and break things.



What is 3pjs?



Wrap-up

TOC 2/5


WHAT IS 3pjs?


1. User authors walkthrough using our tool

2. Deploys it to their website

3. The walkthrough guides users through tough workflows



What is 3pjs?



Wrap-up

TOC 3/5


How we completely busted Verold Studio…AKA: Why not to trust third party javascript startups.


CONTINUOUS DEPLOYMENT

3pjs+


KERA’S CONTROLLER

Verold’s fixed elements occluded by Kera


Bad.

ORIGINAL PAGE

TARGET

SCROLLEDVIEWPORT

KERA CONTROLLER


Awesome.

NEW SPACE

ORIGINAL PAGE

TARGET

SCROLLEDVIEWPORT

KERA CONTROLLER


Verold uses fixed position elements.


NEW SPACETARGET

WEB GL MENU

WTF…

SCROLLEDVIEWPORT

KERA CONTROLLER


So, should we get rid of continuous deployment?



What is 3pjs?



Wrap-up

TOC 4/5


VERSIONING

Web Appspush when

green

Web APIsversion applies to the interface

only

Client Libraries

???


IMMUTABILITY

• “The quality of being incapable of mutation”

• Version 1.1.1 never changes

• Version 1.1.2 is different than 1.1.1


DATA DRIVEN VERSIONING


DATA DRIVEN VERSIONING

Lock version


HOSTING OLD VERSIONS

lastest.json1.1.11.1.01.0.71.0.61.0.51.0.41.0.31.0.21.0.11.0.0


SELECTING A NEW VERSION


No more regressions.


Delight your customers.



What is 3pjs?



Wrap-up

TOC 5/5


• Version both your server and client

• Server slow (based on API)

• Client fast (every push)

• Data drive which version your customer is using

• Don’t delete old versions that are still being used

• Go fast and break things

SUMMARY


Thanks!@camwest

kera.io


Avoiding Regressions in 3rd Party JavaScript

Technology

Transcript of Avoiding Regressions in 3rd Party JavaScript