Skip to content
0:00 / 0:00

#svelte#reactivity#richharris

Rich Harris - Rethinking reactivity

You Gotta Love Frontend

10K subscribers • 1 video on Hallway

YouTube
  • Recommended by 16 people: 15 on Hacker News and 1 in engineering communities.
  • A classic. People kept recommending it from 2019 to 2026.
  • Presented by Rich Harris, creator of Svelte
  • May be out of date. Uploaded 7 years ago, in an area where tools change fast.
  • An opinion. It argues one side of a question engineers disagree on.

Intermediate. Assumes working knowledge.

333K views7 years ago16 recommendations

Web developmentProgramming languagesReactVue, Svelte, Angular and othersCompilers and interpreters

Rich Harris introduces Svelte 3 and explains how moving reactivity into the compiler rather than using a virtual DOM improves performance.

Modern JavaScript frameworks are all about reactivity. Change your application's state, and the view updates automatically. But there's a catch — tracking state changes at runtime adds overhead that eats into your bundle size and performance budgets. In this talk, we'll discover an alternative approach: moving reactivity into the language itself. Your apps have never been smaller or faster than they're about to become. Slides: rethinking-reactivity.surge.sh/ YGLF 2019: Code Camp Blog - Rich Harris: israel.yglfconf.com/post/meet-the-speaker-rich-harris

Why it's here

16 people recommend this

What people say. Highly recommended as the definitive introduction to Svelte and a paradigm-shifting talk on frontend reactivity.

CharlesWon Hacker News • Recommends

On “Svelte is the most beautiful web framework I've seen”

It's a shame that the site's down. Until then, you can (and I heartily recommend doing so) watch the "Rethinking reactivity" video here: link to this video

hardwaresoftonon Hacker News • Recommends

On “Introduction to Svelte”

tl;dr watch this fantastic intro to svelte talk by it's creator: link to this video , it covers some of the growing pains of React that svelte addresses. While it might look like the frontend is going around in circles, there are major & minor differences between the technologies, and they have each introduced novel (to JS at least) things... Off the top of my head (this timeline might not be right but it's how I went through it at least): - Backbone got you away from jquery spaghetti, helped you actually manage your data & models. Often paired with Marionette to handle views (if you squint this is the precursor to components) and bring some order in that part of the app. - Angular bundles backbone's d…

gregorson Hacker News • Recommends

On “Svelte Is Unappealing”

Highly recommend this talk link to this video Rich Harris is an excellent speaker and it's worth seeing how Svelte approaches some things

doodlesdevon Hacker News • Recommends

On “The new wave of React state management”

…ly redrawing the required minimum (beside the normal VDOM approach)? Yes, in fact I think it's actually pretty hard _not_ to redraw the bare minimum LOL. If you want to know more about Svelte (even if you're not looking to develop with it) I HIGHLY recommend listening to this presentation called "Rethinking reactivity" by Rich Harris (the creator) link to this video > But does it solve the problem of growing state which never gets GC'd when components which used to use it are gone? I think the answer to the question is yes. Although the problem I'm speaking mostly about state management is the source of truth problem. Svelte provides a global store to store data, and data stored on local components are…

kretaceouson Hacker News • Recommends

On “Excel is pretty dang cool”

The talk, Rethinking Reactivity by Rich Harris0 is an amazing talk which talks about how spreadsheets were the OG reactivity software. Highly recommended. 0: link to this video

reactoron Hacker News • Recommends

On “JavaScript Is the CO2 of the Web [audio]”

May not be exactly what you are looking for, but take a look at link if you haven't seen already. and this link to this video

Tade0on Hacker News • Recommends

On “Vue RFC: Expose logic-related component options via function-based APIs instead”

I haven't seen any, but as a relatively early proponent of Vue(as in: I was there when v2 came out), I found Svelte even easier to get into than Vue. Anyway Rich Harris' presentation is a good starting point: link to this video

anderspitmanon Hacker News • Recommends

On “React Concurrent Mode”

Rich Harris' excellent talk Rethinking Reactivity has an interesting section where he compares a React Concurrent Mode demo to Svelte: link to this video

zeuslyon Hacker News • Recommends

On “Ask HN: Best Talks of 2019?”

Rich Harris - Rethinking Reactivity Talk about Svelte v3 and the (possible) future of frontend frameworks Video: link to this video HN discussion regarding Svelte 3: link

dwooton Hacker News • Recommends

On “The Cost of JavaScript Frameworks”

…? Probably not. Right? So that sort of tosses your argument out the window. I don't do JavaScript professionally anymore, but I've worked with jQuery, BackboneJS, lots of AngularJS, some Elm, some VueJS, and some React, but being the curious person that I am, in search of greener pastures, I checked out Svelte, by first watching Rich Harris' video link to this video on "Thinking Reactivity", then seeing the benchmarks: link , and watching Rich and Dan Abramov spar a bit over their challenges. From an outsider with no skin in the JS game, it is clear that Svelte seems far superior now and into the future... 1. it is a compiler (it's like comparing C/C++ to Python) 2. the joy of out-of-the-box animatio…

lukeramsdenon Hacker News • Recommends

On “Solid – A declarative JavaScript library for building user interfaces”

This is a good talk on the matter from the creator of Svelte himself, if you're interested: link to this video Basically, it boils down to moving from tracking the DOM state in a VirtualDOM to tracking what DOM updates can happen at the compile stage and then just doing those exact updates to the DOM.

ric2bon Hacker News • Recommends

On “React is becoming a black box”

I was drawn to Svelte by the performance/bundle size but I fell in love with how simple it is to write components and share data between them. Each component is just HTML/CSS/JS in a single file, sort of like Vue but cleaner. If you're curious I recommend either the "rethinking reactivity" talk from the author: link to this video or the tutorial: link Both are great!

Glenchon Hacker News • Recommends

On “Ask HN: Simplest stack to build web apps in 2021?”

Ooh, if you liked what you saw of Svelte, you might like these videos that do a great job explaining some of its benefits: link to this video and link SvelteKit is very new and I haven't had a chance to use it yet, but my own framework was directly inspired by it. SvelteKit does a lot and looks great — fantastic developer experience, deploys to lots of types of services, SSR/SSG/client-side routing support, etc. And it seems like a great thing for Svelte to have as a default way for developers to start making Svelte components. Personally, I'm going to wait till SvelteKit a bit more mature before I dig in, but I'm guessing I'll end up rewriting my framework on top of SvelteKit at some point.

azemetreon Hacker News • Recommends

On “The new wave of React state management”

This talk from Rich Harris should answer most of your Qs: Rethinking reactivity link to this video He goes over the history of spreadsheets, reactive programming, and dunks on react.

DonHopkinson Hacker News • Recommends

On “Meta Pauses Employee-Tracking Program Following Internal Data Leak”

…ctivity escape the component boundary. The same reactive model works everywhere, whether you're updating the DOM or building plain application logic. Rich Harris makes the point that React isn't actually reactive: "React doesn’t have any understanding of the values running through your app. It is not Reactive." Rich Harris - Rethinking reactivity: link to this video >Modern JavaScript frameworks are all about reactivity. Change your application's state, and the view updates automatically. But there's a catch — tracking state changes at runtime adds overhead that eats into your bundle size and performance budgets. In this talk, we'll discover an alternative approach: moving reactivity into the language…

u/fagnerbrackin r/Frontend • Recommends

Rich Harris - Rethinking reactivity