What do you mean by replaced? Do you mean do I think I Svelte can do what other frameworks do? That answer is Yes! Do I think Svelte will replace the other frameworks as the most popular choice? Hard to say as it's still so early for Svelte, but it has a big uphill battle to try and usurp the reigning frameworks.
5:23 well to be fair... the event handlers are actually called the same as a regular HTML, the only difference is that you separate the "on" with a colon ( : ). it's the same as react, the difference is that in react you use a capital letter for the event, so no a big deal IMO.
@@hswolff well, it's not that the docs are bad. But for example, I wanted to know how svelte tracks components (the equivalent of the key prop in React) and I couldn't find it. Another thing I wanted to know is how to create a reactive statement that only depends on some reactive values it references. There is a way (learned it through Discord tho) Also I'd love to see more higher level conceps and patterns in the docs. Like a recipe section that would show specific examples. React is an example of excellent docs, but that's because Dan is crazy passionate about it.
@@arxpoetica Well, for example say you have some if - elseif - else blocks inside your template and each block renders the same html elements but with different text. Something like this: {#if type === 'PS4'} PlayStation {:else if type === 'PC' } PC {:else if type === 'SWITCH' } Nintendo Switch {:else} XBox {/if} Now, when type changes does Svelte re-render the wrapper and the h1 or just the inner text? This is especially relevant when we need to have some enter/leave transitions applied on those elements. Is there a way to tell svelte to re-render everything?
Does it have static html generation or SSR? I'm using gatsby.js for SEO reasons and it is important for my business model. Does it support TypeScript? Enjoying your videos as always!
Reason you could not access window.a is because you removed that line and refreshed before you realized you need to click the button. You still saw window.a = this in the source but that's because you did not refresh the view source tab.
Fair feedback. I did note that I would be learning this with viewers. I'm hoping to find an idea for an app to delve deeper into Svelte. Ideas welcome.
Very Good: no awful background “music”. Not so good: using ~1/9 th of the screen so we can enjoy watching you looking at your screen and type on your keyboard.
Eh? I thought I said that? www.google.com/search?rlz=1C5CHFA_enUS779US779&q=how+to+pronounce+svelte&pron_lang=en&pron_country=us&stick=H4sIAAAAAAAAAOMIfcRowS3w8sc9YSn9SWtOXmPU5OINKMrPK81LzkwsyczPExLiYglJLcoV4pLi4GIrLkvNKUm1YlFiSs3jWcQqnpFfrlCSr1AA1JEP1JKqAFEAAARJ6XpXAAAA&sa=X&ved=2ahUKEwi7h7bx38TiAhWnV98KHSFyAp4Q3eEDMAB6BAgLEAk&biw=1290&bih=766
Love svelte. Easy to learn, e supper fast.
Sooo fast! I was shocked!
@@hswolff Do you think that React, Angular or Vue can be replaced by Svelte?
What do you mean by replaced?
Do you mean do I think I Svelte can do what other frameworks do? That answer is Yes!
Do I think Svelte will replace the other frameworks as the most popular choice? Hard to say as it's still so early for Svelte, but it has a big uphill battle to try and usurp the reigning frameworks.
@andersonnick038 yes i know that. I have tried all myself
5:23 well to be fair... the event handlers are actually called the same as a regular HTML, the only difference is that you separate the "on" with a colon ( : ). it's the same as react, the difference is that in react you use a capital letter for the event, so no a big deal IMO.
Great! But what about routes or ssr ?
You achieve it with "Sapper" which is an official project for SSR
if you're a React developer just use svelte-routing
Great man, you followed my advice!
Was a great suggestion! Thank you!
Just tried out svelte yesterday myself! It's nice but the docs could use some work. Gonna keep playing today :)
I haven’t gotten too deep into the docs yet. What do you think is lacking?
@@hswolff well, it's not that the docs are bad. But for example, I wanted to know how svelte tracks components (the equivalent of the key prop in React) and I couldn't find it.
Another thing I wanted to know is how to create a reactive statement that only depends on some reactive values it references. There is a way (learned it through Discord tho)
Also I'd love to see more higher level conceps and patterns in the docs. Like a recipe section that would show specific examples.
React is an example of excellent docs, but that's because Dan is crazy passionate about it.
@@MateoHrastnik Nice reply! Thank you!
@@MateoHrastnik we've been talking about creating a cookbook. Can you explain a little more what you mean by "how svelte tracks components"?
@@arxpoetica Well, for example say you have some if - elseif - else blocks inside your template and each block renders the same html elements but with different text. Something like this:
{#if type === 'PS4'}
PlayStation
{:else if type === 'PC' }
PC
{:else if type === 'SWITCH' }
Nintendo Switch
{:else}
XBox
{/if}
Now, when type changes does Svelte re-render the wrapper and the h1 or just the inner text?
This is especially relevant when we need to have some enter/leave transitions applied on those elements. Is there a way to tell svelte to re-render everything?
Does it have static html generation or SSR? I'm using gatsby.js for SEO reasons and it is important for my business model. Does it support TypeScript?
Enjoying your videos as always!
It does support SSR with "Sapper" app
Typescript support is not ready, tho there's already some preprocessors for ts
Check Sapper: sapper.svelte.dev/
@@nameless_sif very interesting, thank you for clarification, will wait for a progress on typescript
Thanks! Glad I could share it with you!
Time for a new Svelte video, /w SvelteKit : >
Yo Harry, we've definitely been discussing a suspense-like solution over in the Svelte dev channels.
(Also discussing things like time-travel state management, etc.)
That'd be so sweet. I imagine that would more affect the runtime behavior than the compiler?
I love svelte even i build a to do app with it , i hope your next video about sapper ❤
Sounds like a great suggestion!
Reason you could not access window.a is because you removed that line and refreshed before you realized you need to click the button. You still saw window.a = this in the source but that's because you did not refresh the view source tab.
Aha! Nice catch, thank you!
@@hswolff no problem and I liked the interview with Rich Harris. Would love to see more of these types of videos
Same! Gotta find more people to interview :)
Hi man. You have got the powerful slot to work with children.
Yes do a video on sapper
Seems like I must!
slot.....slot......slot.....SLOT....... lol
Hahaha yeah, took me a while 😂
Hi - did you say "hazak" in heb ? LOL
No idea! Maybe! It's very possible!
having actually read the docs this was very frustrating to watch for me
Fair feedback. I did note that I would be learning this with viewers. I'm hoping to find an idea for an app to delve deeper into Svelte. Ideas welcome.
Very Good: no awful background “music”. Not so good: using ~1/9 th of the screen so we can enjoy watching you looking at your screen and type on your keyboard.
Pronouced Swelt not Svelt
Eh? I thought I said that? www.google.com/search?rlz=1C5CHFA_enUS779US779&q=how+to+pronounce+svelte&pron_lang=en&pron_country=us&stick=H4sIAAAAAAAAAOMIfcRowS3w8sc9YSn9SWtOXmPU5OINKMrPK81LzkwsyczPExLiYglJLcoV4pLi4GIrLkvNKUm1YlFiSs3jWcQqnpFfrlCSr1AA1JEP1JKqAFEAAARJ6XpXAAAA&sa=X&ved=2ahUKEwi7h7bx38TiAhWnV98KHSFyAp4Q3eEDMAB6BAgLEAk&biw=1290&bih=766
um, no... it's /svelt,sfelt/
@Harry are you jewish by any chance?