Battle of the Frameworks

ANGULAR, REACT OR VUE? BATTLE OF THE FRAMEWORKS 20-06-2018 LORA VARDAROVA

ZALANDO AT A GLANCE as at March 2018 ~

4 .5 BILLION EUR

revenue 2017

75%

of visits via 
 mobile devices

200

million visits per month

23

million

active customers

300,000

product choices

15,000 employees in 
 Europe 15

countries ~ 2,000

brands

WE ARE CONSTANTLY INNOVATING TECHNOLOGY HOME-BREWED,
CUTTING-EDGE,

SCALABLE

technology solutions 7 tech locations 
 (HQs in Berlin) ~ 2,000

employees from 77 nations help our brands to


 WIN ONLINE

History Lesson Frameworks Comparison Lessons Learned Questions Worth Asking Zalando Tech Radar Wrap-up AGENDA @LoraVardarova

HISTORY LESSON @LoraVardarova

2009 - 2018 HISTORY LESSON 2009 2013 2014 React was
open-sourced at JSConf US Vue was released 2016 2018 Angular 2 was released 2011 AngularJS v1.0 was released @LoraVardarova

FRAMEWORKS COMPARISON @LoraVardarova

KEY CONCEPTS • Virtual DOM • Components
• JSX REACT @LoraVardarova

KEY CONCEPTS • Components • Dependancy injection • Bindings ANGULAR @LoraVardarova

KEY CONCEPTS • Virtual DOM • Data-driven view • Single-file components VUE @LoraVardarova

FRAMEWORKS COMPARISON REACT ANGULAR VUE BOOTSTRAP create-react-app angular-cli vue-cli ROUTER react-router angular-route vue-router STATE MANAGEMENT Redux Redux/ngrx Vuex SERVER RENDERED APP Next Angular Universal Nuxt MOBILE React Native NativeScript Weex / NativeScript ECOSYSTEMS @LoraVardarova

LESSONS LEARNED @LoraVardarova

! X TODO APP IS TOO SIMPLE Insert footnote @LoraVardarova

@LoraVardarova ALTERNATIVES

! X DOCUMENTATION IS IMPORTANT Insert footnote @LoraVardarova

! X COMMUNITY IS IMPORTANT Insert footnote @LoraVardarova

QUESTIONS WORTH ASKING @LoraVardarova

! X HOW HIGH IS THE BUS FACTOR? Insert footnote @LoraVardarova

! X WHAT DOES THE PRODUCT ROADMAP LOOK LIKE? Insert footnote @LoraVardarova

ZALANDO TECH RADAR @LoraVardarova

! X OPENSOURCE.ZALANDO.COM/TECH-RADAR Insert footnote

opensource.zalando.com/tech-radar ZALANDO TECH RADAR

WRAP-UP @LoraVardarova

! X THERE ISN’T A BEST FRAMEWORK @LoraVardarova

SET A DEADLINE REDUCE THE BUS FACTOR KNOW YOUR PRODUCT Don’t enter the decision trap Have the product roadmap in mind Know your community TA K E AWAY S @LoraVardarova

! X DO NOT ASK WHAT THE BEST FRAMEWORK IS, ASK WHAT THE MOST SUITABLE FRAMEWORK FOR YOUR PRODUCT AND YOUR TEAM IS @LoraVardarova

@LoraVardarova LORA VARDAROVA Zalando Loyalty Frontend Software Engineer 20-06-2018