14 Awesome Real World Projects Using Svelte
Vložit
- čas přidán 2. 08. 2024
- Real world projects using Svelte.
🔴 Patreon: / joyofcode
𝕏 Twitter: / joyofcodedev
💬 Discord: / discord
🔥 Uses: www.joyofcode.xyz/uses
🔗 Svelte: svelte.dev/
🔗 Awesome SvelteKit: awesome-sveltekit.janosh.dev/
🔗 Companies Using Svelte: www.okupter.com/blog/companie...
🔗 Wappalyzer: www.wappalyzer.com/technologi...
🔗 Why Stack Overflow Is Embracing Svelte: stackoverflow.blog/2023/10/31...
🔖 Timestamps
0:00 Intro
0:35 References
1:33 The New York Times
3:22 Appwrite
3:50 PocketBase
4:16 Hugging Face
4:51 Gradio
5:10 Syntax.fm
5:44 Level Up Tutorials
6:27 Fireship
6:52 Daisy UI
7:28 Apple Music
7:46 Spotify
8:13 Square
8:31 IKEA
8:51 Stack Overflow
9:44 Brave Search
10:19 Outro
#joyofcode #sveltekit #svelte
Awesome list, Svelte was a huge productivity boost for me
Svelte is awesome
Fireship mentioned = instant comment
Yooo fireship commented 😭
I hope i can convince my team next year to switch to svelte.
The only thing that holds us back is a component library, bcs we're using Vuetify.
But i hope we can find a good tailwind alternative.
Was?
As an in-house dev at a major museum using svelte in prod for a web experience, it's cool to know we're in good company
That's awesome! 😄
It's amazing what svelte is capable of.
Its amazing what others also are capable of.
Svelte's not my cup of tea (only because much prefer the JSX DX), but if I were to switch to Svelte, it would be largely because of your channel. Great work!
That means a lot! 😄
This is what makes me think that Svelte might be the future. I prefer React or Solid, but if I had to use Svelte I wouldn’t mind at all. It just seems like the framework that people with different preferences can agree on. Even if it isn’t your cup of tea, you can still acknowledge that at its worst it’s still pretty nice.
But can it run Crysis?
It can run Wolfenstein: github.com/snuffyDev/Wolfensvelte-3D. 😂
@@JoyofCodeDev damnnnn
And, if you guys are looking to integrate Svelte on your site but have a non-JS backend like PHP, Python or Ruby, give the “svelte-retag” package a look. It uses custom elements (“web components”) but unlike native Svelte, it supports context, nesting, light DOM, HMR and etc. 😊
I'm getting used to Svelte after developing in Vue for years. After the big hype of Nuxt 3 will be fast asf and everything will be a joy, I kinda hate it and I started to burn out .... after my colleague showed me Svelte and started a project in that using Storybook to develop my components first and see them, I just love it. Kinda into loving programming again :D And not to mention your tutorials are awesome, so detailed and easy to understand, thank you!
this video has convinced me to go all in on svelte
Hi, I’m having a big issue with Google indexing my pages.
I’ve done my sitemap, robot txt also. My pages are available on my Google console page but they’re not indexed.
Can you make a detailed video about it please?
I would like to see poacket base video. I dislike paying for services if there is something affordable
I personally enjoy svelte and svelte made me fall in love with web dev again because with react we lost track of web, honestly creating 4 million hooks and wrappers just to do simple things it's unhealthy
But my take is, I think react is more appealing to people coming from Software development (desktop/mobile etc...) as it takes away all the web stuff and give them a closer experience to what they are used to
I know what you mean.. I came from php and started learning react. I used to be confused about why I have to take a long route just to do simple stuff. When I tried svelte for the first time I fell in love with it instantly. It makes handling functions and data so much simpler compared to react
One of these days I was watching a video about Stable Diffusion and the presenter mentioned that the GUI software he was using was written in Svelte.
P.s. How is it possible that a website is built with Svelt and React at the same time? Can I use libraries from both frameworks together?
It's probably using Electron/Tauri which is just a browser at the end of the day meaning anything you can do inside of a regular browser you can also do in your app. I don't know their reasoning for using multiple frameworks but you could always do that. The reason you don't is because you're going to have multiple apps on the page and load the entire framework unless you're using something like mitosis.builder.io/.
@@JoyofCodeDev WOW, Mitosis seems to be a brilliant idea. Do you think one could use it to translate a library from React to Svelte? For example, I'm currently trying to create a custom PDF viewer that let me highlight and annotate using PDF.js and Svelte, and I know there are libraries in React that do this job quite well. So, would I be able to translate these libraries using Mitosis?
@@Gabriel-ch7sx I never tried it.
There are lots of ways of doing this, apparently. For example: Reactify and Sveltify (each allows use of one in the other). This could also potentially be done using web components (i.e. custom elements) since custom elements is a native browser API and can use that as a portal (so to speak) for managing the lifecycle of your component (it’s what I do with svelte-retag).
I can totally relate with those tabs you have opened
Actually, Astro 4.0 is now great maybe, and we may need a full tutorial about Astro&Svelte😍!!!
The ASS stack.
Yes please @@JoyofCodeDev
@@JoyofCodeDev lmfao
Appwrite is pretty neat
Will learn svelte for sure but waiting for v5 runes release
I'm also waiting for V5 before introducing it to my team. It's one of those philosophical changes that is just easier if they no one knows it happened haha
@@jnevercast I’d say go ahead and dive in and start learning now. Runes is big improvement and shouldn’t get in the way of at least getting familiar. All depends I suppose on what your use case and what you plan on doing (and if it’ll depend on Runes, of course).
Svelte should make showcase page to let developer know this
Is Svelte good for enterprise level SaaS applications? Are there any good components libraries like Antd, aggrid made for Svelte?
I am always curious how this works when a cmpany uses something and the something else besides it. Are they running part og their page one way and another part a different way?
You can have different apps on the same page because you can just plop a JavaScript framework inside an element but also have an entirely different app in another route.
Oooh Matia, the team just released SvelteKit v2! You already on top of it for a new video? 😄
Perhaps.
awesome svelte 🥰
Awesome
Yahoo Finance is also using Svelte now 🔥
Make a video on Sveltekit & Appwrite :)
Sure! 😄
Announcing SvelteKit 2
im still in college and im using sveltekit for most of my projects should i also learn react? i heard svelte has very little job opportunity compared to react
They say if you want a job learn React, if you want to to be happy learn Svelt. It's not a bad idea to know more than one framework however. Coming from Python/Django, Svelte was a natural choice, I have tried React and Vue and just didn't enjoy the developer experience. I am a one man show so Svelte has made development fun and exciting again. Rather than getting a job I just started taking clients and building solutions for them.
Svelte 🔥
That Apple company looks pretty good. I think it can be one of the most famous companies in the world somday
Which Linux distro u r using?
Will be interesting to see how all the sheep job ads switch up from requiring 5+ years in React to 5+ years in Svelte!
I'm ready. 😂
When Svelte 5 will be released?
I think next year.
I'd like to add Gitpod.
Hope this comment won't be deleted again.
Sounds like CZcams! 😄
@@JoyofCodeDev Yeah, I made the mistake to add a link. 😆
i love svelte
Please can you make video on Pocketbase + Svelte Pleaseeeeeeeeeeeeeeeee
Sure! 😄
I have heard of ikea!
I don't believe you.
@@JoyofCodeDev make a sveltekit 2.0 video and I might prove it
@@SoreBrain I'm working on it.
Our team hate every second of supporting svelte 3 project and we are asking management for years to allocate time to rewrite it on Angular. This channel almost convinced me that svelte 5 is not so bad, but holly hell I hate this (barely) framework. If you want to spend days investigating the most trivial bugs, enjoying nit having a documentation and live when no new hires know it or want to touch your frontend - welcome to svelte.
You should use SvelteKit.
I get it like we are using sveltekit for our entire SAAS project, we have been in production from last 1 year and have had issues in finding bugs, but tbh, it still way better than our previous Next.js implementation, and the entire system is almost been rocksolid this entire duration & i believe that svelte 5 reactivity changes would make the solution more reliable and efficient.
1st
First
omg
Are you sure those aren't false positives?
You have to be more specific.
@@JoyofCodeDev the tool that reports the framework used.
@@PaulSebastianM I only used it as a visual aid and inspected the sites before because I don't think you can trust it.
You forgot to include Apple Music! 😢
It's at 7:28! 😄
Stick to React guys, multi billion dollar products run on it, Miro, Figma, Notion...just to name a few. And let's not forget all the legacy React code that needs to be maintained 10 years from now 😂 in all seriousness though, Svelte looks promising but if you want to ship enterprise software React is still king 👑