Rich Harris: Futuristic Web Development

[@SvelteSociety]

Press F to pay respects for Sapper

[@patelmalavdev]

F

[@1DJRikkiBee]

F

[@RATZ990]

F

[@razt3757]

F

[@Westtixy]

F

[@hoelldrio5881]

One more time I'm blown away by svelte. Thanks Rich. You're a real pioneer

[@kumarvishalben]

Rich Harris always makes me leave whatever im learning and do svelte development

[@exactzero]

Rich Harris alone makes we wanna learn and use whatever he's got to offer.

[@solidstatejake]

When I hear Rich say he’s excited I’m just like “Please, dude. Please drop some hot fuckin Svelte shit right now. Blow my fuckin mind. I’m ready.”

[@SatadruChique]

I've only learned about Svelte from another react vs angular comparison video about a month ago. Got addicted to everything Svelte does and the way it works. It makes the development so much better experience compared to the other overwhelming stuff out there. Decided to use Svelte in large scale production apps. Very happy about my decision to use Svelte and being able to stay away from the mainstream Angular and React BS.

[@featuredpianocovers8933]

Do you ever struggle with tooling or a lacking ecosystem?

[@TomAtkinson]

I love this ability to mix static and dynamic. The '200 /about' nomenclature is awesome too.

[@cultoftranquility9616]

Rich Harris is some kind of Saint or at least the only person who appear sane, showing up in this total mess of Angular/NextJS etc, bringing us clarity... Thank God, he's a true Hero !

[@rallisf1]

I've been using sapper to migrate (mostly) static-content websites that used a PHP CMS from my main web hosting server to netlify for the past year and the results are just fantastic. The sapper sites run like knife on butter, my server resources are back available to larger e-commerce projects and all I had to invest was a few weekends of my time. I spent a good sum of time in late 2019 researching how to accompish what I did and I went through Gatsby and a sh|tload of other frameworks and libraries that either had a steep learning curve or you needed 10 files and 50 lines of code just to add 1 navigation route (at least efficiently). The work you've done with svelte is absolutely brilliant and moves like this (svelte-kit) prove you are here to stay. My only complaint is about popularity. In my country (Greece) the js usage goes like: 40% Bootstrap & jQuery (iknr) 50% React 8% Angular 2% All others (vue etc) 0% Svelte (all colleagues I talk to hear it from me first time)

[@PhilipAlexanderHassialis]

oO που χρησιμοποιείται το React; Όλα τα projects τα οποία έχω δει να παίζουν εκεί που δουλεύω είναι όλα σε Angular (ανάθεμα τα κάτεργα). Όποτε τους αναφέρω το React τρελλαίνονται γιατί σώνει και ντε το Angular είναι framework ενώ το React θέλει βιβλιοθήκες για τα πάντα κλπ, δεν έχει πάρα πολλά components (και καλά) και όλα τα γνωστά. Σοβαρά, ποιές εταιρείες (με target group enterprise πελάτες και χρήστες, όχι site-άδες και αρπαχτούληδες) έχουν επενδύσει στο React εν Ελλάδι;

[@Glenchx]

Not sure if Rich reads these comments, but an even more comprehensive framework built on top of this new tech would be so welcome! I'm imagining something like Django/Flask or Rails but with Svelte underlying everything. I would use something like that in a heartbeat - currently a lot of web frameworks have significant problems, especially in bridging the front/backend gap and it makes doing web development tiresome.

[@AndrewWooldridge]

Svelte incorporating key aspects of Sapper, and using Snowpack are both dreams come true. I'm am extremely happy to have chosen this framework as it's not only super fast but intuitive. Thanks so much folks! I even chipped in $5 a month at the opencollective site!

[@Crolug]

Damn. The moment Rich said "I think we can do a little bit better" I knew this will be huge :D.

[@JDalmasca]

@Rich Harris: Great decision moving forward. As a new developer to Svelte, I ran into the exact issue you described: deciding whether to make a Sapper or Svelte app. Having just one recommended way to build (and only one framework to learn) is major improvement!

[@flameddd]

7:14 TIL: VScode Copy Line Up/Down - On Windows: Shift + Alt + Up/Down. - On Mac: Shift + Option + Up/Down. - On Ubuntu: Ctrl + Shift + Alt + Up/Down.

[@AttkBeast]

Ahh! Thank you!!

[@psanch]

6:41 ??????????

[@adamgkruger]

I'm super excited about the future of Svelte, thank you so much for continuing to think about the end users and developers.

[@zbik]

Been using Svelte for a few months now, loved Sapper - This seems even better! Can't wait for the final form of Svelte Kit, can't wait to get rid of them bundlers! Good luck with development, looking forward to more news

[@UthpalaHeenatigala]

I would show you how long the equivalent setup would take for other frameworks but I don't want this video to be a really long video. 🤣 🤣 🤣

[@sauravadhikari8645]

Burned 🔥🔥🔥

[@18.michaelmaramag89]

Actually react and vue takes to long for the setup. 🔥🔥🔥

[@Shrumpf]

@@18.michaelmaramag89 How often to you setup a project?

[@oghenekaroarausi12]

the savagery 🤕😂😂

[@michaelshea4834]

Exquisite

[@ejazahmed4609]

Actually recently when I decided to build project with svelte, I was confused which one to use. So its good to know those things are being merged now.

[@michaelfrieze]

Okay, it's time for me to get interested in Svelte. This looks awesome.

[@danvilela]

Me too!

[@AmxCsifier]

It's amazingly good

[@anthoniG]

Likewise, even though I kinda new to it; I am loving it and already looking into redoing some projects in it. Plus all new development will be in Svelte

[@leochoome]

Finally somebody is doing something that actually makes sense and is intuitive!!

[@Danny2462]

21:36 *very audible happy noises*

[@lennarttenwolde9407]

but typescript sucks though

[@ChibiBlasphem]

@@lennarttenwolde9407 I don't know if you're trolling as you didn't elaborate, but seriously If you ever worked in any company with at least some coworkers then you can not say this or you just didn't tested it out. Doing javascript is fine but not doing typescript when you have other developers you work with is like saying "oh no it's find to use silex to light a fire when you could have a lighter"

[@RobertoOrtis]

Svelte the best 👑 One svelte to reign them all!

[@TechdubberStudios]

I felt like Sapper was a bit too cluttered when it came to the file structure. Love the new re-thinking you did. Love Svelte!

[@lacikawiz8369]

This is awesome! I've been using Svelte for 2 years now and love it! This looks like something that will improve it even further! Thank you, Rich!

[@arnabchatterjee7651]

I saw a lot of react killers come and go in the last 5 years, but looking at this video, it made me believe this technical approach is superior than what's the market is offering, same way react did when others were doing two way bindings and scope variables. I am a svelte believer nkw

[@avibrarbrar]

FROM day one I loved and been sticking with svelte

[@kjuuz]

9:42 - MIND BLOWN 🤯🤯🤯

[@Andrey-il8rh]

That drum roll was quite unexpected, I nearly had a heart attack 😂

[@vncntjms]

Thanks for this technology, Rich. You and your team are making history.

[@ensoxyz2737]

I’m the founder of a small startup and our original tech stack was Elixir, Phoenix and Elm. Prior to building out our first iteration we spent about a month reviewing tools. We looked at Rust, Swift, Python, Haskell, C, Go, Julia, Lua, Elixir, Elm and Dart taking into consideration ecosystem and relevant frameworks and tooling. We always came back to elixir & elm. Elm seemed like and obvious choice for the front end. However it’s proven to be a challenge for some devs and recruiting talent isn’t easy because elm devs are a precious commodity. Typescript sort of change my opinions on JS. So Svelte was on a short list of passing JS curiosities. The past few months my team has been struggling to integrate certain features of the UI in elm. Startups have to move quick because time to market is a real thing. I discovered svelte and knew immediately it would be the perfect solution to solve all of our problems I sold on components, typescript integration and the compiler and the work to support Deno.

[@brandongibbs5880]

I have become completely obsessed with Svelte! I’m a #Svelter < You heard it here first.

[@mukut5ul]

Backend rest API proxy configuration needed. During dev CORS, authentication issues now main issues

[@cahva2]

Tried the npm init svelte@next and it was pretty sweet! Only thing that was broken at the time of writing is the node build command after npm run build as it is giving error about not finding "prerendered" directory. Other than that, I'm eagerly waiting for this!

[@KilianSinger]

But "npm start" would work, isn't it?

[@cahva2]

@@KilianSinger npm start worked and the build works also as it was fixed in later version.

[@mysticaltech]

Richard, I'm blown away by your vision, and looking forward to that goooood stuff 😍 Thank youuuu 🙏🏻 This will, literally change our lives and the world.

[@MeowMax77]

I've built my SaaS platform for a client with just pure Svelte (no Sapper), main reason being almost everything is dynamic. But all this looks like something even I would benefit from. Will be waiting for the release!

[@electrichimp]

This all looks truly awesome. My only wish is that, with this route defined, backwards compatibility starts becoming a priority. I think this is key for Svelte to keep growing. Having to move out of Sapper, though apparently not complicated, is still work that production projects don't appreciate making. Svelte is awesome, and I applaud them for pushing web development forward and embracing new technologies like Snowpack... But I think it's important to keep in mind that if you keep changing too much, it might scare off adoption from the developer community... And community is key.

[@marlonrtt]

In my opinion this is not actually an issue. If you only need dynamic content, you can still work with the previous bundlers. Since Sapper will not come out from beta, people that used it in production were aware (or at least should be) that things like that could happen. I think that the most of the work will be to migrate Sapper apps to the Svelte-kit.

[@MrDropMotion]

How do you handle sessions ?

[@trixchronicles]

Please load this Mr. Browser

[@r-o-b]

We're 3:15 in and Harris delivers a slam!

[@justfly1984]

How do you make multilingual ssr/dynamic svelte?

[@ImamSyafii-st4ps]

always delighted to see rich's videos, they're always very calming

[@JonattanD]

I'm a React developer and for the love of god if I had enough free time and I wasn't heavily invested in React I would have switched to Svelte in a heartbeat.

[@swyxTV]

dooo it

[@ThatGuyAnonymous]

I am a React developer too. After trying so hard to avoid Svelte as much as I could, I finally made the hard choice to stop everything I was doing to take an entire week to learn Svelte. And it was totally worth it in the end!

[@mcvgs1780]

Hopefully Svelte's ecosystem and community gets bigger and better as that seems to be holding back a lot of React devs.

[@Gal0Angel]

so happy with the decision to go with snowpack

[@Siddiskongen]

And its gone :-)

[@keashavnair3607]

@@Siddiskongen what do you mean?

[@anarcus]

@@keashavnair3607 they're now using Vite instead of Snowpack in SvelteKit

[@picardplaisimond5407]

this video just prove that svelte is not production ready yet, But it's already really AWESOME ! I can't wait to see more updates !

[@dalu_]

yeah it's a pitty meanwhile quasar.dev getting ready for v2. I'm an Angular guy but angular is moving too slow. And I fear like everything Google it will be dropped at one point to chase the next goose around town with no regard to the people who depended on it. And yet... svelte while being really the way to go TM is lagging behind. React and Vue seem to be the only reasonable choices right now.

[@this.channel]

More great design decisions from the Svelte creator and team.

[@AlexvanderValk]

Rich Harris is showing me things I never knew I needed!

[@RobertoOrtis]

This guy is the king! 👑

[@r04423]

Were you considering choosing Vite instead of Snowpack?

[@vitezslavackermannferko7163]

When is this out?

[@samldev]

So excited for this. I tried it out on my laptop and I can't wait for this to be released in a stable state so I can migrate my project at work

[@alainbauwmans1737]

How can I http/2 push the modules that will be required on the client-side ahead-of-time?

[@ricardoamendoeira5689]

He mentions that for production a bundler is still used. But even without that you could use HTTP2 server push.

[@ptone805]

Yeah. I think the idea of Snowpack with HTTP/2 for small module delivery over the wire is super interesting

[@mrphilbert1]

Let's hear it for brilliance!

[@eugenionull9758]

Where i can find the hacker news demo in sveltekit?

[@drantunes]

Exist a date to be available in beta? I would like to try in my new project.

[@CarlosSaltos]

Just go with the current versions, the migration is not that of an impact ... of course it should be a manual migration but it's very viable

[@soothingrelaxation8725]

Is there a error color handler in svelte if I try to put anything than a color as an input??

[@valentineemmanuel6337]

AMAZING!!!! I love sapper I v built some applications with it but with what I just watched I am ready to migrate... and I think this is super positive

[@blessdarah1256]

I smell svelte crushing React. I'm 💯 behind this approach.

[@oshinom]

Really? You want to ignite another framework war?

[@rtnjo6936]

vue left the chat

[@blessdarah1256]

@@oshinom 🤭🤭😂😂

[@roteschwert]

Svelte is great stuff, but I don't see it overtaking React anytime soon

[@blessdarah1256]

@@roteschwert Yeah that's true. But however the traction it's getting is quite good and secondly, its approach is pretty neat.

[@samdonald6001]

Could you specify a route as being prerender, but one of its components is postrender?

[@redstrike91dn]

I gave my all-in vote to Svelte early this year but got confused by Sapper & Svelte's movement (also too busy to learn both). I love this reimagined modern workflow 😍. So eager to try my next project with the new Svelte 😎!

[@alexgaetanopadula4057]

RICH YOU ARE THE MAN!

[@alpercugun-gscheidel6988]

I don't get how this video is from October and on the Snowpack website it says: "Update (April 20, 2022): Snowpack is no longer actively maintained and is not recommended for new projects."

[@kirdiekirdie]

Just started Svelte, still got confused about Sapper. Is it not merged yet?

[@EndermanAPM]

Is this out yet? 😄

[@ivanquintero4138]

This looks promising and interesting. Question: can this workflow be used in a web server that can only have an Apache web server?

[@whatthefunction9140]

I'm soooo hyped right now. ✅

[@AlexanderAlemayhu]

Now I am happy I did not bother diving deep into Sapper 😂 Looks good 🤩

[@shilangyu]

Any chance for a `adapter-deno`?

[@danmaina9731]

Simply beautiful!!

[@jdgaravito]

"svelte kit will be avaliable in a matter of weeks rather than months" looking forward tu use it in his official release.

[@finance-d]

I really really like this new concept and if it was stable enough i'd be using it right away. I am in front of the choice to learn React, Vue, Preact and now Svelte. Svelte@next seems to be the best of all I've tried.

[@Seanmclem]

Can you still pre-render pages with Dynamic content? Just using SSR? Or is it static only

[@droberts]

I currently have a semi-large application written in Vue 2. I'd like to evaluate this vs Vue 3. Does this have a name or is it tied to a version number? When will we know when it's ready for prime time and not in beta?

[@NikosKatsikanis]

use svelte, dont think

[@jerrygreenest]

I think you might’ve used “pages” folder name instead of “routes”. NextJS didn’t patent this word :) Thanks for introing svelte-kit, and sharing it via twitter. I personally a bit too coupled to NextJS, - they already have such a good ecosystem, like next-pwa, letting you setup a good defaults for service worker (with ability to extend its functionality ofc), and many other good things too (like next-mdx, or new builtin next-image). But I can’t wait to see some “examples” folder in the new repository, with various libs and demo apps... I definitely wanna see something like NextJS but for Svelte, - that’s for sure :) That’s cool Svelte is evolving! I’m also glad you’re getting some sensible donations so soon after starting the campaign!

[@JDalmasca]

Rich, you're my hero! :D Keep up the great work!

[@florianmuratkoch3912]

This looks really awesome. My only question is if there will be an elegant way to implement localized routes for multilingual websites.

[@sharakpl]

How to handle unsupported browsers? I mean different layout with simple text stating that user should use modern browser for this app to work.

[@vyteniskuciauskas]

latest kit v1.0.0-next.31 does not prerender also adapter: '@sveltejs/adapter-static' - does nothing. I hope soon the repository will be oppened :)

[@spasmdesign]

Some thing i think you should work on is the experience with images, sass, less. Another thing i have wonder about when you build the the app is way do not create a sitemap, you now the structer of the map so why not give it to the user instenad of user most create it. But i love that you are taking the best of sapper and make it to one framework so good job!

[@aibookclub-g2r]

Nice...I am using it how to navigate programmatically to other page after doing login ....we use go in sapper .. what we have to use here...

[@Coeurebene1]

Impressive, looks a joy to work with. Thanks for what you do!

[@Eldalion99999]

can some1 sum up this video ?

[@gambo2003]

How does this affect SEO? Are there any disadvantages in terms of speed?

[@maloxi1472]

Why not collaborate with the Routify team ?

[@MarcusHammarberg]

As always - blown away! Speaking of blow - does Rich play the trombone?

[@RahulGupta-go8oe]

man i am going to heaven after using react (nightmare) vue (headache), i am all in for svelte

[@robbosmanymusings]

Can't wait can't wait can't wait... literally - about to start a new project (2 actually) and might as well start in the new platform.

[@CarlosSaltos]

Same here !! ... but I realize we can continue with the current versions and when the next one is ready just migrate couple of things here and there, looking forward for it

[@marschrr]

Rich Harris, is this the guy from the virtual-dom days back in like, 2014? It's good to see him at it!

[@lpelegrinidev]

How can we make a blog with this svelte version now? Just wondering.

[@farhan_2467]

Where I can find hackernews clone code from this video ??

[@Andrey-il8rh]

So how will it be called? Svelte 4 ?

[@blujosi]

No way to do programmatic routing yet on svelte-kit

[@codeaxen]

thanks man this. has really given me a different perspective on Web development am going to add this to my todo list......

[@chickenfur]

Nice work!

[@brucewayne2480]

Hi , I'm new to svelte. which state management tool would you recommend to use with svelte ? thanks

[@brucewayne2480]

@@paolo-e-basta will try that , thank you !!

[@ThatGuyAnonymous]

You probably won't need any third-party library. State management is baked into Svelte. they are called "Stores" and they're pretty amazing and completely customizable. I haven't come across a use case where I couldn't rely on them.

[@diegor5805]

I started learning sapper today and I see this video. Certified bruh moment. Exited about this kit!

[@lalumierehuguenote]

But you mention the advantage of snow pack, not svelte particularly. It seems you are suggesting in fine ant SSR framework with snowpack

[@CaptJiggly]

I've been learning Svelte for a while and started building my companies sites with Sapper, but in the back of my head, I was hoping Svelte would have routing, etc built-in eventually and now this! I had to go through Bash for Windows to get building to work right (dev was fine, but build is using unix style commands only it seems), but you have a day one (ish) tester for Svelete@Next. I'm looking forward to the public repo and official release! I hate React. Vue is okay. Angular... But, Svelte makes me actually enjoy front-end development.

[@edorivai7697]

Amazing stuff

[@joaofleumatico]

does the visualizations of the elections results on nytimes were made with svelte?

[@mxurbano]

Maybe the results look more akin to stuff at this site: observablehq.com/about

[@SergeiKasoverskij]

When can I use it? )) I've just started to develop a new app with sapper so would like to switch before I go too deep )