Understanding Svelte (vs React)

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ธ.ค. 2024

ความคิดเห็น • 72

  • @SendInTheCriton
    @SendInTheCriton ปีที่แล้ว +76

    Just have to say it. Your presentation style is off the charts. Your calming voice is almost ASMR to me. The content is also very well structured. I am looking forward to seeing more of your work. :)

    • @DesignDensity
      @DesignDensity ปีที่แล้ว

      Same 🤓

    • @KodapsAcademy
      @KodapsAcademy  ปีที่แล้ว +2

      Wow, thank you! :)

    • @dario2466
      @dario2466 ปีที่แล้ว +2

      That ethereal soundscape in the background is hooking into your brainwaves. And the sound FX together with the keywords.

    • @LemonSensei
      @LemonSensei ปีที่แล้ว +1

      Came across here, totally agree with that.

    • @shazeemalichishty7322
      @shazeemalichishty7322 5 หลายเดือนก่อน

      agreed

  • @jizhang2407
    @jizhang2407 ปีที่แล้ว +4

    I don't know much about React, nothing about Svelte, but I think I understand what you explained in the video: the relationship of dependencies as defined by the "=" sign. Thanks.

  • @NotGeri
    @NotGeri ปีที่แล้ว +5

    This is a completely new style of video to me. Very interesting stuff, thank you!

  • @--Arthur
    @--Arthur ปีที่แล้ว +16

    With my 2 years of experience, the biggest downside is the overlooking of reactivity. When does something react - and how does that impact performance. This is especially true as an application grows.

    • @joskcito
      @joskcito ปีที่แล้ว

      Now we know it!

  • @OneBrighDay
    @OneBrighDay ปีที่แล้ว +6

    I just started Svelte and I am still struggling with this because it changes the way I think about projects. The base way I think about solving a problem doesn’t work the same with Svelte. But I am very excited about the possibilities Svelte specifically Sveltekit does seem like magic.

  • @NicoHeinrich
    @NicoHeinrich ปีที่แล้ว +6

    This video is a piece of art! Thanks for all the effort!

  • @thethmuueinsoe
    @thethmuueinsoe ปีที่แล้ว +1

    Impressed by your presentation: camera angels, lightings and editing. You got a new sub.

  • @simransingh1507
    @simransingh1507 ปีที่แล้ว +2

    The way you demonstrate Svelte is MAGICAL! #impressive

  • @arvi8843
    @arvi8843 ปีที่แล้ว +4

    I thank YT algorithms that I stumbled upon this video and your channel. What a great explanation. You made it easy for me to understand Svelte and how it's different with React. I originally wanted to try SolidJS but the library I needed for my experimentation only supports vue, react, svelte, and angular.
    Thank you so much! 🙌

    • @KodapsAcademy
      @KodapsAcademy  ปีที่แล้ว +1

      I’m very glad to have been helpful to you :)

  • @artyomnomnom
    @artyomnomnom ปีที่แล้ว +2

    I‘m shipping production applications with Svelt for almost 4 years now, and I have to say I can‘t imagine using anything else for front-end development.
    Svelte does not litter my head with some unattainable "philosophy" or a way of "thinking in this very popular library", it simply gives me an intuitive way for solving day-to-day tasks and saves me from wasting my time on the adoption of already existing web solution for a fancy Virtual DOM-powered library.
    I sincerely recommend all give it a try and start spending your time on solving business problems rather than boiling your head with a proper way of writing CSS in a goofy JSX.

    • @jwoods9659
      @jwoods9659 ปีที่แล้ว

      No jobs yet though :(

    • @jkf16m96
      @jkf16m96 ปีที่แล้ว

      ​@@jwoods9659it's okay to learn, to try to make a svelte inside react.
      Or just to have equivalents on react.
      In react I prefer to use zustand

    • @xxXAsuraXxx
      @xxXAsuraXxx ปีที่แล้ว +1

      HTMX is on the way to remove js framework

  • @exapsy
    @exapsy ปีที่แล้ว +8

    Im new to svelte (not react and nodejs though).
    But this video made it perfectly understandable.
    Although tbh I want to learn even more about the behind the scenes and the caveats.

  • @Newascap
    @Newascap ปีที่แล้ว

    as a backend developer, I understood mostly nothing, but I love your accent!

    • @KodapsAcademy
      @KodapsAcademy  ปีที่แล้ว

      I don’t know whether to hope that it was the subject matter or my accent that prevented you from understanding :D

  • @figloalds
    @figloalds 10 หลายเดือนก่อน

    i've been working with svelte for over a year now and to me it feels more Javascript-y than React, it feels like JavaScript with an automatic binding, which is exactly what I need of my UI framework. Svelte 5 to me is like "Finally, web done right" and I can't wait for it to be production ready

  • @rrahman-h6n
    @rrahman-h6n ปีที่แล้ว

    Wonderful explanation. Love the way you present the video.

  • @AmodeusR
    @AmodeusR ปีที่แล้ว +1

    Those sound effects are pretty neat. Makes quite an imerssion and brings a suspense vibe haha

  • @cat-.-
    @cat-.- ปีที่แล้ว +1

    This 5 minute relaxing video > 30 minutes sweaty squinting at the docs

  • @sirajmussafirr147
    @sirajmussafirr147 ปีที่แล้ว +1

    Power implies greater responsibility
    Rich and Svelte team are superheroes 🦸‍♂️ 🦸‍♀️

  • @i_dont_likevodka3062
    @i_dont_likevodka3062 11 หลายเดือนก่อน

    Thank for such an interesting video! Could you please share articles/videos that are really worth reading/watching and elped you to understand how Svelte works?

  • @mrabln7888
    @mrabln7888 ปีที่แล้ว +6

    Next vdo => sveltekit. Please

    • @KodapsAcademy
      @KodapsAcademy  ปีที่แล้ว +4

      Dunno about it being the next one, but it is in the works :)

  • @udaykumar07
    @udaykumar07 ปีที่แล้ว

    Amazing. Loved the way you are representing stuff.. hoping to get more in line. subscribed :)

    • @KodapsAcademy
      @KodapsAcademy  ปีที่แล้ว +1

      Hey, thanks, and welcome aboard :)

  • @chetandhongade6464
    @chetandhongade6464 ปีที่แล้ว +1

    Subscribed....just in few minutes of watching video...i get absorb in

  • @matthewdev
    @matthewdev ปีที่แล้ว

    I think this "out of order execution" feature (for the lack of a better term) could get quite confusing on larger codebases

    • @farrellaultman6580
      @farrellaultman6580 ปีที่แล้ว

      Code size isn't really a factor if one creates components correctly. Same for CSS.

  • @j946atFIVEFOUR88AA
    @j946atFIVEFOUR88AA ปีที่แล้ว +1

    i kinda regret finding out about and building in svelte, it has made react such a pain for me 😂

  • @kaibe5241
    @kaibe5241 ปีที่แล้ว

    Great video, but why is your video camera focused so low? lol
    Really well presented.

  • @engageintellect
    @engageintellect ปีที่แล้ว

    Simply brilliant. Subscribed.

    • @KodapsAcademy
      @KodapsAcademy  ปีที่แล้ว

      Thanks, and welcome on board :)

  • @Jonathan_AR
    @Jonathan_AR ปีที่แล้ว +1

    my friend, what do you think of Django and Flask for the backend?

    • @KodapsAcademy
      @KodapsAcademy  ปีที่แล้ว +1

      To me Python is a general purpose language that’s particularly well suited to data / ML. But it would not be my first choice for the backend. It’s not necessarily a bad choice, so if you’re mostly familiar with Python go ahead with Flask or Django. (Flask is more barebones and Django more fully fledged )

    • @TerriTerriHotSauce
      @TerriTerriHotSauce ปีที่แล้ว

      @@KodapsAcademy You mean "Django more fully featured"

    • @KodapsAcademy
      @KodapsAcademy  ปีที่แล้ว

      Yes, sorry I was in the subway. Django has more features

  • @laughingvampire7555
    @laughingvampire7555 ปีที่แล้ว +1

    this reminds me of the data binding frameworks before of React that created a mess that React solved.

    • @oleh1
      @oleh1 ปีที่แล้ว

      Could you please elaborate? What were the frameworks and what mess did react solve?

  • @kuhaniresti
    @kuhaniresti ปีที่แล้ว

    love the background music 😅

  • @riccarrasquilla379
    @riccarrasquilla379 ปีที่แล้ว

    thanks for the explanation

  • @Damienxx
    @Damienxx 9 หลายเดือนก่อน

    Thank you.

  • @XEQUTE
    @XEQUTE ปีที่แล้ว +2

    strange editing and kinda hypotinzing asmr gaze like video
    but the content is great!

  • @esdev
    @esdev ปีที่แล้ว +1

    Background music is like horror movie!

  • @c_a_p_s
    @c_a_p_s 5 หลายเดือนก่อน

    Yoo, when you said "click the like button" the like/dislike area had an animation. What is this sorcery???

    • @KodapsAcademy
      @KodapsAcademy  5 หลายเดือนก่อน

      @@c_a_p_s that’s 100% TH-cam and 0% me (well except from me saying the words )

  • @chudchadanstud
    @chudchadanstud 6 หลายเดือนก่อน

    Not a web dev, I'm trying to learn a web framework and the way references are handled here go against every fiber of my bone. I prefere to keep my refs scoped and their execution order preserved. It should be 1, 2, 3 not 3, 2, 1.
    Why would anyone think this is the simplier approach? Also why is an example an impure function? Scope seems way out of place here.

  • @zorgius
    @zorgius ปีที่แล้ว

    subbed

  • @complexity5545
    @complexity5545 ปีที่แล้ว

    So svelte basically breaks up all the scopes and puts them into one big global like scope. And when a name gets referenced||called, svelte grabs the last defined variable with that source code name. So that's how he got GUI and html front-ends to go fast. But it seems like a nightmare if you go into a project trying to do logic that requires scoping. I guess Rich Harris hates the recursive like stack FIFO rollback that javascript has.
    This was very informative. I was trying to find out why all the new kids are using svelte; its basically "jquery with global scoping".

    • @KodapsAcademy
      @KodapsAcademy  ปีที่แล้ว

      "when a name gets referenced||called, svelte grabs the last defined variable" I will need to experiment more but I don't think there is any scope breaking going on per se, the same effect can be achieved without breaking scope, e.g. by using functions or event listeners. The important thing to keep in mind is that Svelte does most of the work at compile time, so it adds in additional code to what looks like vanilla JS (but isn't).

  • @FabianD1991
    @FabianD1991 ปีที่แล้ว

    No creen que asi debe ser la reactividad?. La forma en que React trabja de fondo es nefasta.

  • @temanor
    @temanor ปีที่แล้ว

    This man makes the most normal sentences sound super dramatic with this editing.
    Unnecessarily distracting.

  • @patricknelson
    @patricknelson ปีที่แล้ว +3

    I feel like I just went to web developer church and had a life changing revelation. 🥹