likely shameless stolen from this great talk. Evan is just too modest to state the logical conclusion that Vue is the best. Lots of great talks about Vue but I like this one because most people understand software is about tradeoffs.
Developer The tradeoff I am going to focus on in this talk is Speed because I feel it’s generally the most influential in decision making. Concept of Carbon Time v Silicon Time. How fast can you write it, how fast does it run. Developer hours are more expensive than compute hours. Front end does have resource constraints based on browser and network performance so is still a consideration
Expressiveness Runtime Scheduling People like JSX because of expressiveness. Turing complete power of JS to build arbitrarily complex logic. JSX allows you to treat view as data. V-DOM is inherently expensive. Vue (2.5) runtime is faster than React because In React, when a component’s state changes, it triggers the re-render of the entire component sub-tree. In Vue, a component’s dependencies are automatically tracked during its render, so the system knows precisely which components actually need to re-render when state changes. But in Vue 3……..
of your view, rather than the number of nodes that need to change Diff <div> Diff props of <div> Diff children on <div> Diff <p> Diff props of <p> Diff children of <p> Vue 3 is able to tell what can and can’t change and only tracks things that can possibly change in the vdom diff
Ahead Of Time optimisations. React Fibre improves perceived performance via runtime scheduling but requires a heavy runtime (20-30kb of JS) which also hurts load time performance.
instructions with better raw perf Svelte code only checks if name changed and then updates it. Doesn’t need runtime hacks so leads to lighter runtime and raw speed. Cons = constrained by template syntax and lose expressiveness of Javascript
✅ Option to skip template and manually write JSX ❌ Never be as fast as Svelte but trade off for flexibility Vue 2 is already faster than React. Vue 3 is about 5-6x faster than Vue 2 (with smaller runtime ).
user-land opportunities for people to build on ❌ More plumbing work needed ❌ Patterns evolve and become semi-required knowledge that aren’t documented as part of the library Fewer concepts -> component model, props and return v-dom tree. Can build arbitrarily complex systems on top of that = large ecosystem and lots of user land opportunities Lots of work to solve complex problems with simple concepts State Management options, CSS in JS, Higher Order Components, router choices. Not officially documented or endorsed which means have implicit required knowledge outside library.
✅ Consistent and coherent ecosystems ❌ Higher upfront learning ❌ Inflexible if built-in solution doesn’t fit ❌ Harder to change and grow due to large surface Just use the framework and you can do most things Dont shop for 10 different implementations. Lean into the framework Framework maintainers have more to maintain which means less time exploring
✅ Low entry learning barrier (lower than react) ❌ Not as diverse in solutions because official solutions Layered design 1. Pull in from CDN -> Vue basic -> Vuex -> Vue Router Better and more consistent documentation React is apparently just JS but Vue can be HTML, CSS with JS sprinkled. HTML is not dead. Designers can build
by Angular ✅ Vue and React have roughly about 2x more jobs than developers though. More competition for React jobs and it has been mainstream for longer so tougher at top end too.
does better than Vue. Vue lets you build more, in less time, with less experience. Vue has better performance and smaller bundle size. Vue code is easier/cleaner to maintain
only has experience with React Doesn’t make sense to throw it in the bin and use Vue just because it is objectively better in every way. If an opportunity comes up for a small product - new marketing site, small dashboard etc. Give Vue a try.
Dan Abramov (React) - @dan_abramov Rich Harris (Svelte) - @Rich_Harris If you want to hear more about this stuff here are some people who know what they are talking about and publish amazing content
balance in framework design https://youtu.be/ANtSWq-zI0s FullstackRadio - Evan You - Whats coming in Vue3 http:// www.fullstackradio.com/129 Interested in hearing more about Vue(3) I suggest these sources.
ymd65536
applism118
ahmedbhs123
yuukiw00w
rkaga
akkeylab
falcon8823
slecache
ryosukedtomita
yoshyum
kaelaela
74th
pedronauck
jakevdp
carmenintech
erikaheidi
chriscoyier
marcduiker
malarkey
pauljervisheath
bluesmoon
soudai
jlugia
maltzj
