Svelte was built on “slinging code for the sheer love of it”
Rich Harris, creator of Svelte and software engineer at Vercel, joins Ryan on the show to dive into the evolution and future of web frameworks. They discuss the birth and growth of Svelte during the rise of mobile, the challenges of building robust and efficient web applications, how companies can back more open-source community projects, and the dirty little secret about asynchronous operations and component frameworks.
Episode notes:
Svelte is a UI framework that uses a compiler to let you write components using HTML, CSS and JavaScript. It’s ranked as one of developer’s most admired web frameworks in this year’s Developer Survey.
Keep up with the Svelte community on the Svelte Society page.
Find Rich on Blue Sky and GitHub.
Congrats to Paul Pladijs, who won a Populist badge for answering the question How can one change the timestamp of an old commit in Git?.
See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Type War (what is it good for?)
Love it or hate it, TypeScript is here to stay for the foreseeable future. But, what happens when widely adopted packages go completely Type free or remove TypeScript in favor of JS with type annotations? Join us to unpack these recent events with Rich Harris, creator of Svelte, as he walks us through the nuanced decision his team made for the Svelte project, and ofc, lots of laughs along the way.
Join the discussion
Changelog++ members get a bonus 7 minutes at the end of this episode and zero ads. Join today!
Sponsors:
Convex – Convex is a better type of backend — the full-stack TypeScript development platform that lets you replace your database, server functions, and glue code. Get started at convex.dev
Caisy – Caisy is the headless CMS that gives developers endless possibilities. Learn more at caisy.io
Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Rich Harris – GitHub, X
Amal Hussein – GitHub, X
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Show Notes:
News article from May 2023 when Svelte switched from TS to JSDoc type annotations
DHH’s blog post “Open Source Hooliganism and the TypeScript Meltdown”
DHH’s tweet announcing Turbo’s removal of TS
Rich’s quote tweet of DHH Turbo announcement
JSDoc docs
Official TS docs highlighting support for JS Doc type annotations
ECMA proposal for Type Annotations
Principles of Writing Consistent, Idiomatic JavaScript
Alternate Episode Titles
Type me a river
To type or not to type
Someone is typing in the community…
Different types (or not) for different gripes
The script schism
Web Dev D Day
Going off (Type)Script
Losing the (Type)Script
While typing(scripting) it
Not my type
Can’t type this
You fought in the Type Wars?
Something missing or broken? PRs welcome!
Supper Club × Rich Harris, Author of Svelte
In this supper club episode of Syntax, Wes and Scott talk with the author of Svelte, Rich Harris, about what influenced the creation of Svelte, his thoughts on web components, the virtual DOM, why companies are switching to Svelte, and what’s next for Svelte.
Gatsby - Sponsor Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit gatsby.dev/syntax to get your first Gatsby site up in minutes and experience the speed. ⚡️
Lightstep Incident Response - Sponsor Streamline on-call, collaboration, incident management, and automation with a free 30-day trial of Lightstep Incident Response, built on ServiceNow. Usage-based pricing on active services promotes collaboration across your entire team to build a culture of service ownership. Listeners of Syntax will also receive a free Lightstep Incident Response T-shirt after firing an alert or incident.
Pay for the services you use, not the number of people on your team with Lightstep Incident Response, built on ServiceNow. Streamline on-call, collaboration, incident management, and automation with a free 30-day trial. Fire an alert or incident today and receive a free Lightstep Incident Response t-shirt.
Show Notes 00:33 Welcome
02:10 Who is Rich Harris?
Rich Harris on Twitter
02:55 What is Svelte?
Svelte
Vercel
Svelte Kit
06:52 What influenced the template language for Svelte?
10:03 What do you use the const tag for?
10:49 Sponsor: Gatsby
12:04 What about immutability issues?
17:49 What about web components?
21:51 Why does Svelte not need the virtual DOM?
27:34 Sponsor: Lightstep Incident Response
28:45 What is your favorite part of working in Svelte?
32:31 Why are companies switching to Svelte?
34:35 What is the SvelteKit timeline?
38:52 What’s the next version of Svelte include?
Motion
41:36 Any thoughts on new backend JavaScript environments?
Web Interoperability
45:39 Supperclub Questions
52:40 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Rich: Mullvad VPN
Shameless Plugs Svelte Origins
Tweet us your tasty treats Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
So much Sveltey goodness
Rich Harris joins Amal & Amelia for a Svelte deep-dive! What’s it all about? Why might you pick it over React and friends? What up with SvelteKit? Rich is working on it full-time now?! Will even more questions be answered?
Join the discussion
Changelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Auth0 – The for developers, by developers identity platform built for the cloud era that secures billions of logins every year. Security, compliance, and industry standards are always up-to-date, plus devs are free to provide the login options their users want with the security their application demands. Make login Auth0’s problem. Not yours. Learn more at Auth0.com
Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com
Fastly – Compute@Edge free for 3 months — plus up to $100k a month in credit for an additional 6 months. Fastly’s Edge cloud network and modern approach to serverless computing allows you to deploy and run complex logic at the edge with unparalleled security and blazing fast computational speed. Head to fastly.com/podcast to take advantage of this limited time promotion!
Featuring:
Rich Harris – GitHub, X
Amal Hussein – GitHub, X
Amelia Wattenberger – Website, GitHub, X
Show Notes:
Rich on The Changelog
Sratch for Developers
Lerna
Rush
Something missing or broken? PRs welcome!
A UI framework without the framework (Interview)
Jerod and Adam talked with Rich Harris –a JavaScript Journalist on The New York Times Investigations team– about his magical disappearing UI framework called Svelte. We compare and contrast Svelte to React, how the framework is embedded in a component, build time vs. run time, scoping CSS to components, and CSS in JavaScript. Rich also shares where Svelte v3 is heading and the details on Sapper, a framework for building extremely high-performance progressive web apps, powered by Svelte.
Join the discussion
Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!
Sponsors:
DigitalOcean – The simplest cloud platform for developers and teams Whether you’re running one virtual machine or ten thousand, makes managing your infrastructure too easy. New accounts get $100 in credit to use in your first 60 days.
GitPrime – Ship faster because you know more. Not because you’re rushing. GitPrime helps software teams accelerate their velocity and release products faster by turning historical git data into easy to understand insights and reports.
Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog.
Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com.
Featuring:
Rich Harris – GitHub, X
Adam Stacoviak – Website, GitHub, LinkedIn, Mastodon, X
Jerod Santo – Website, GitHub, LinkedIn, Mastodon, X
Show Notes:
Thanks to Kevin McGee for suggesting this interview on Ping
The Great Divide by Chris Coyier
Frameworks without the framework; why didn’t we think of this sooner?
Rich’s spectacular work on display in a piece for The New York Times on Twitter bots
Watch Rich’s talk at JSConf EU 2018, “Computer, build me an app”
Svelte website
Follow Svelte on Twitter
Something missing or broken? PRs welcome!