Explore Vue.js as a
React developer
September, 2021
Slide 2
Slide 2 text
Similar APIs help developers
coming from “different worlds” to
switch between the environments
easily when needed
Slide 3
Slide 3 text
Developers were mainly debating
whether they should be using
Angular vs React
Slide 4
Slide 4 text
Over the course of the last couple
of years, we’ve seen a new player
called Vue.js
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
History
Slide 8
Slide 8 text
React is backed up by the
Facebook, providing the
stability and long-term
support that a tech giant
can provide.
Slide 9
Slide 9 text
React became open source in
May 2013, that allowed its
community to create countless
third-party libraries
Slide 10
Slide 10 text
Vue.js was created by Evan
You, a former Google
employee. Vision to create
a framework that
combined the best of
React, Ember and Angular
Slide 11
Slide 11 text
Idea to provide additional
features and improve
coding performance.
It relies on its active
community to push it
forward
Slide 12
Slide 12 text
As an alternative to React or
Angular, it has gained interest
among front-end developers
Slide 13
Slide 13 text
Why are Vue.js and React so
popular?
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
Low learning curve
richer and richer ecosystem
provides very powerful tooling
including CLI, state management,
and routing libraries
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
Innovative tools that both Vue.js
and React offer to the
Front-end Developer
Slide 20
Slide 20 text
Virtual DOM
Component-based structure
Official support to build mobile apps*
* VueNative is a wrapper around ReactNative APIs
Slide 21
Slide 21 text
Libraries
Slide 22
Slide 22 text
Libraries to use in a Vue.js
application
Vuetify: to create complex UI elements
Vuex: to manage application state
Axios: to integrate with the REST API
Vue Router: to update the UI when the URL
changes
Slide 23
Slide 23 text
Libraries to use in a React
application
Material UI: to create complex UI elements
Styled Components: to change the look & feel
Redux: to manage application state
Axios: to integrate with the REST API
React Router: to update the UI when the URL
changes
Slide 24
Slide 24 text
Drawbacks
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
Lack of official documentation -
super-fast development of ReactJS
leaves no place for the proper
documentation
Slide 27
Slide 27 text
React is unopinionated - meaning
that developers sometimes have
too much choice;
Slide 28
Slide 28 text
More time to master which means
that is required deep knowledge of
how to integrate user interface
into full framework
Slide 29
Slide 29 text
Companies that use ReactJS
Facebook, Instagram, Netflix, New York
Times, Yahoo, Khan Academy, Whatsapp,
Codecademy, Dropbox, Airbnb, Asana,
Atlassian, Intercom, Microsoft...
Slide 30
Slide 30 text
No content
Slide 31
Slide 31 text
Lack of resources. Small market
share in comparison with React or
Angular. knowledge sharing in this
framework is still in the beginning
phase
Slide 32
Slide 32 text
Risk of over flexibility. Sometimes,
Vue.js might have issues while
integrating into huge projects and
there is still no experience with
possible solutions
Slide 33
Slide 33 text
Chinese background. As far as
Vue.js has a bit of Chinese
background, This leads to a partial
complexity on some stages of
development.
Slide 34
Slide 34 text
Companies that use Vue.js
Xiaomi, Alibaba, Wizz Air,
Euronews, Grammarly, and
Laracasts, Adobe, Behance,
Codeship, Reuters.
Slide 35
Slide 35 text
Summary
Slide 36
Slide 36 text
It really depends on the specific
needs of your project.
Slide 37
Slide 37 text
For a real engineer, there is no
substantial difference which
framework to choose, because it
just takes some time to get used to
the new one.
Slide 38
Slide 38 text
Every framework has its own
pros and cons, meaning that there
should be just a right choice for
every single case during the
product development.
Slide 39
Slide 39 text
Q & A
Slide 40
Slide 40 text
HypeTech
Tech education and shaping ideas into
hype products
hypetech.io | reactweek.dev
Marko Arsić
Founder and CEO @ HypeTech
Founder of HypeTech Education
Lecturer @ ReactWeek.dev
Independent Tech Consultant
Helping companies set up teams and standardize the
development process
github.com/marsicdev
Slide 41
Slide 41 text
As everything good in life, knowledge is great only when shared
hypetech.io/education