A presentation at enterJS in in Darmstadt, Germany by Lora Vardarova
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
JavaScript frameworks are like weeds. New frameworks pop up at an unprecedented speed. Front-end developers nowadays find it hard to keep up with the latest technologies.
I will share what I have learned from writing the same app with three of the most popular JavaScript frameworks: React, Angular, and Vue. Furthermore, I will compare the concepts behind these frameworks and their ecosystems. And finally, I will give front-end developers tips on how to retain their sanity when faced with choosing a JavaScript framework.
Here’s what was said about this presentation on social media.
for free. You
can too.