This is a terrific svelte tutorial, the only competitor is The Net Ninja, who also created a fantastic tutorial similiar to this one. Thank you sir for demo crud application with Svelte, I've learned a lot, you are the man !!!
lots of tutorials skip very important part - "tiny interactive indicators". For example when you click delete or edit and make fetch, user should see "loading" and correct buttons should be disabled.
refetching posts from server after deletion (response) is overkill. Deleteing corresponding div (using bind:id) is much more effective in real world (thousands of posts). Nice tutorial tho
It's because we haven't arrived at a good way to wrangle the DOM yet. Should we have stopped at jquery, ember or angularjs? We have improved our abstractions and ideas about how to build applications. Svelte is a huge step forward in my opinion.
I'm just a hobbyist in web development. I read about this stuff all the time, including frameworks. I don't use React or Vue, but do think about learning one from time to time. I have considered learning Typescript ... but then realized what I like about JavaScript is skipping the compiling step. But now I'm interested in Svelte .... because it seems like a lot less writing code. One thing I really do not understand. Svelte web site states it does not yet support Typescript, but has plans to do so. This really perplexes me. They both have compilers ... why would someone that programs in Typescript want to use the Svelte compiler ... why not just stick with the Typescript compiler?
At the end of the day, Typescript and Svelte compile to Javascript. If Svelte supported Typescript, you could write the code in Typescript and have the Svelte features. Typescript basically forces you to do more safe things while programming. So you would have the safety of Typescript and the features of Svelte.
@@kittymedusa3618 Thanks for the reply. I guess this means people like Typescript because it encourages a 'safer' code. I would have thought that would be a feature of Svelte also.
Sadly enough this is not supported by default. There are pre-processors for TS->Svelte->JS though, but they come with caveats. The team currently has other priorities, but it is on their todo list! (Note, Svelte itself is primarily written in TypeScript)
Hahaha!!! Noooo, not another JS framework, pls don't we have enough of those. But what if I told you this isn't actually a framework, its a compiler. MIND BLOWN 🤯🤯🤯. I am sure anybody who comes across Svelte gets their mind blown and especially when you are coming from Vue. It isn't a framework though. But it would actually make you a good JS developer. 14 dislikes, I guess they didn't get what they expected but tutorials are not supposed to spoon-feed you. You need to do some extra work and research too.
I’m gonna try an experiment, instead of going for more of the job preferred technologies, I’m gonna go with technologies that are a lot more easier and efficient, and still just as powerful. Such as instead of going with React, I’m gonna go with Svelte, or instead of going with AWS, I’m gonna go with Microsoft Azure. I’m willing to bet I can still get a job but now with much better technologies, instead of only using the job preferred technologies.
It doesn't matter, which is better, I love react and using it since a year. You can't learn everything and it doesn't matter unless you are actually apply any one well . Otherwise great video:)
After fuken pain at my job with React abusing hooks and gazillion unnecessary re-render, I will learn this gladly, honestly even Angular 9 is better than React
I hate react js and vue js, because these make things more complex, I mean those syntax OMG please save human from these frameworks! , but angular has more friendly syntax lines of code is clear for human, and finally I love svelte and sapper more than angular. Please stay away from toxic react js and vue js..
@@richardkirigaya8254 Almighty Prajapathi likely meant react + ecosystem such as redux, thunk, router etc. React is massive and while it's getting better, there is still too much boilerplate with react. svelte looks clear and tiny in comparison.
Happy learning freecodecampers ;)
Yeyyyy! 👏👏👏🙌🙌🙌
Thanks mate!
I guess it's kind of off topic but do anybody know of a good site to watch new series online?
@Erik Toby i would suggest flixzone. Just google for it :)
Excellent tutorial,I hope in the not too distant future do not need framework to develop applications, svelte is the beginning..💪
I would like ejs on front-end
Super tutorial... inclusion of Material Design is much appreciated.
looks so simple and clean I love it.
This is a terrific svelte tutorial, the only competitor is The Net Ninja, who also created a fantastic tutorial similiar to this one. Thank you sir for demo crud application with Svelte, I've learned a lot, you are the man !!!
Agree
nice and precise quick start to svelte, it looks promising. Thanks for the video
lots of tutorials skip very important part - "tiny interactive indicators". For example when you click delete or edit and make fetch, user should see "loading" and correct buttons should be disabled.
Yes it is better and I can see most JS frontend framework will go down the svelete way in the future.
Lol, yeah i see
@@rikipebrianto560 Vue.js way in the future..
can you show how you structured your api to receive post messages ?
Svelte vs. Vue ➡️ a battle in next years 😀
Its awesome, nice job, upcoming news:
let React = 0 == "0";
let Vue = 0 == [];
let Svelte = "0" === [];
const FrontEnd = (React, Vue, Svelte) = (React * Vue) ** (1/ Svelte);
console.log(Frontend)
>> XD
Angular : Am I joke to you ?
_"No! no! Please!..."_ *My mind when I've seen the Svelte*
Excellent Video! Svelte is so sweet, It became my new toy.. :)
very good tutorial, your accent is great and your explanations very sharp, congrats boss! ;-)
A very much needed !! Thanks a ton ! 🙂
refetching posts from server after deletion (response) is overkill. Deleteing corresponding div (using bind:id) is much more effective in real world (thousands of posts). Nice tutorial tho
awesome tutorial, this is by far the best svelte tutorial !!!
im beginning to think that there might be too many programming languages now that pretty much all do the same thing
Svelte is not programming language
@@jsonkody okaaaay why do we need so many libraries
@@dave4347 I know. The 80/20 rule has never been more relevant
i mean, it's kind of like anything, it's to improve the product over time. No different than car engines or computers themselves.
It's because we haven't arrived at a good way to wrangle the DOM yet. Should we have stopped at jquery, ember or angularjs? We have improved our abstractions and ideas about how to build applications. Svelte is a huge step forward in my opinion.
Awesome tutorial! Thank you.
Thank you for this. Really appreciate it.
great video, fast and no kruft.
Their site is not available. Hmmm
I'm just a hobbyist in web development. I read about this stuff all the time, including frameworks. I don't use React or Vue, but do think about learning one from time to time. I have considered learning Typescript ... but then realized what I like about JavaScript is skipping the compiling step. But now I'm interested in Svelte .... because it seems like a lot less writing code. One thing I really do not understand. Svelte web site states it does not yet support Typescript, but has plans to do so. This really perplexes me. They both have compilers ... why would someone that programs in Typescript want to use the Svelte compiler ... why not just stick with the Typescript compiler?
At the end of the day, Typescript and Svelte compile to Javascript. If Svelte supported Typescript, you could write the code in Typescript and have the Svelte features. Typescript basically forces you to do more safe things while programming. So you would have the safety of Typescript and the features of Svelte.
@@kittymedusa3618 Thanks for the reply. I guess this means people like Typescript because it encourages a 'safer' code. I would have thought that would be a feature of Svelte also.
Is it possible to use Typescript with Svelte?
proposed Native JS immutable data structures could improve the performance of Svelte.
Sadly enough this is not supported by default. There are pre-processors for TS->Svelte->JS though, but they come with caveats. The team currently has other priorities, but it is on their todo list! (Note, Svelte itself is primarily written in TypeScript)
Not convinced but more competition is always better ;)
Hahaha!!! Noooo, not another JS framework, pls don't we have enough of those. But what if I told you this isn't actually a framework, its a compiler. MIND BLOWN 🤯🤯🤯. I am sure anybody who comes across Svelte gets their mind blown and especially when you are coming from Vue. It isn't a framework though. But it would actually make you a good JS developer. 14 dislikes, I guess they didn't get what they expected but tutorials are not supposed to spoon-feed you. You need to do some extra work and research too.
This really needed Beau Carnes's introduction. Where the heck is he?
I’m gonna try an experiment, instead of going for more of the job preferred technologies, I’m gonna go with technologies that are a lot more easier and efficient, and still just as powerful. Such as instead of going with React, I’m gonna go with Svelte, or instead of going with AWS, I’m gonna go with Microsoft Azure. I’m willing to bet I can still get a job but now with much better technologies, instead of only using the job preferred technologies.
It doesn't matter, which is better, I love react and using it since a year. You can't learn everything and it doesn't matter unless you are actually apply any one well .
Otherwise great video:)
sharad sharma just compare their performance and bundle size and you will change your mind :)
Great tutorial!
nice job with this one
Hi iam one of the fans of the channel and i just want a series of videos on XML technology and this technology is missing from your channel
cause XML i kinda obsolete...
Good job. Thank you very much! I still have bad impression about svelte looking on this spaghetti code.
it doesnt seem spagetti at all .. maybe pasta code :D
The color theme looks awful but otherwise the code is very lean and clear.
It's not a spaghetti. In fact simple and clean
Nice! Congratulations!
Comparing to React this is svelter
nice tutorial
"and this is how it looks in svelte" ... shows vue code. doesnt show the svelte code at all.
Henk X LOL
He does but for a very short time lol
My thought exactly. It resembles vue a lot.
nice...thanks!
love it!
I think you are French !
It looks a lot like vue imo
svelte is THE best :)
No I think Dino Reic is the best. You're wrong.
dat mind blow
Great
After fuken pain at my job with React abusing hooks and gazillion unnecessary re-render, I will learn this gladly, honestly even Angular 9 is better than React
Angular has 2way-binding and directives. If they simplified more Angular it would be the top framework :)
ШАЛОМ ВСЕМ
Kids use react, vue, aurelia, jquery.
Men use angular.
Legends use svelte.
I love that.. kikiki
I hate react js and vue js, because these make things more complex, I mean those syntax OMG please save human from these frameworks! , but angular has more friendly syntax lines of code is clear for human, and finally I love svelte and sapper more than angular. Please stay away from toxic react js and vue js..
lol...react.js isnt toxic..it's a pretty cool library... :)
@@richardkirigaya8254 Almighty Prajapathi
likely meant react + ecosystem such as redux, thunk, router etc. React is massive and while it's getting better, there is still too much boilerplate with react. svelte looks clear and tiny in comparison.
Svelte is tiny because it is young.
lmao... mind blow XD
spaghetti code
Let time at time..
Sorry but what is Svelte?
A JavaScript compiler
Typescript is to types. Svelte is to reactivity
1st LIKESSSSSS
You need a better mic.
Slow down man
definitely not for beginners like me
Vue is still better
outdated.
React is dead
And Rich Harris killed it
long live jQuery!
React > angular