Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How Svelte works #2464

Closed
Rich-Harris opened this issue Apr 21, 2019 · 9 comments
Closed

How Svelte works #2464

Rich-Harris opened this issue Apr 21, 2019 · 9 comments
Labels
documentation popular more than 20 upthumbs

Comments

@Rich-Harris
Copy link
Member

As of 0ff6f5b, the homepage links to the announcement blog post. It would be better if the link after this bit...

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.

Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.

...took you to a 'How Svelte works' blog post with diagrams and whatnot instead. This is something people have asked for in the past

@PaulMaly
Copy link
Contributor

Is this blog post already completed? Can I translate it for the russian community?

@Rich-Harris
Copy link
Member Author

No, not started yet

@FarhadG
Copy link

FarhadG commented Jul 10, 2019

Would love to see this, as I've diggin' around to see how Svelte works under the hood.

@HunderlineK
Copy link

Is the basic idea similar to how schema validators like ajv works?
https://survivejs.com/blog/ajv-interview/

@srmullen
Copy link

I'm going to take a shot at this. Just started working with Svelte a couple months ago for side projects and I've been really enjoying it. Was thinking of writing something like this for my own benefit and now that I see it is requested here I'll definitely take it up.

Let me know if there are any specifics we'd like to see covered. I'm new to this codebase, so any tips on where to get started are welcome as well.

@FarhadG
Copy link

FarhadG commented May 16, 2020

Would be awesome, @srmullen. You know all of the various tutorials on how to "build your own React", etc, something like that would be amazing for the community as a way to understand the fundamental implementation ideas behind Svelte.

@BillyLevin
Copy link
Contributor

@srmullen here's 3 really good articles about Svelte's internals, all by the same author (@tanhauhau)

Compile Svelte in your head (part 1)
Compile Svelte in your head (part 2)
The Svelte Compiler Handbook

Hopefully these will help!

@srmullen
Copy link

@FarhadG Yeah, I've read those tutorial before and that's along the lines of what I was thinking.
@BillyLevin These resources look great. I haven't had a chance to read completely through them, but it looks like much of what is requested here is covered already. Thanks!

@Rich-Harris
Copy link
Member Author

closing in favour of #1011

@Rich-Harris Rich-Harris closed this as not planned Won't fix, can't repro, duplicate, stale Apr 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation popular more than 20 upthumbs
Projects
None yet
Development

No branches or pull requests

7 participants